simondev.ProceduralTerrain_Part5/src/main.js

import * as THREE from 'https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js';
import {GUI} from 'https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/libs/dat.gui.module.js';
import {controls} from './controls.js';
import {game} from './game.js';
import {sky} from './sky.js';
import {terrain} from './terrain.js';
import {textures} from './textures.js';


let _APP = null;



class ProceduralTerrain_Demo extends game.Game {
  constructor() {
    super();
  }

  _OnInitialize() {
    this._CreateGUI();

    this._userCamera = new THREE.Object3D();
    this._userCamera.position.set(4100, 0, 0);
    this._graphics.Camera.position.set(3853, -609, -1509);
    this._graphics.Camera.quaternion.set(0.403, 0.59, -0.549, 0.432);

    this._graphics.Camera.position.set(1412, -1674, -3848);
    this._graphics.Camera.quaternion.set(0.1004, 0.7757, -0.6097, 0.1278);

    this._entities['_terrain'] = new terrain.TerrainChunkManager({
      camera: this._graphics.Camera,
      scene: this._graphics.Scene,
      gui: this._gui,
      guiParams: this._guiParams,
      game: this
    });

    this._entities['_controls'] = new controls.FPSControls({
      camera: this._graphics.Camera,
      scene: this._graphics.Scene,
      domElement: this._graphics._threejs.domElement,
      gui: this._gui,
      guiParams: this._guiParams,
    });

    // this._entities['_controls'] = new controls.OrbitControls({
    //   camera: this._graphics.Camera,
    //   scene: this._graphics.Scene,
    //   domElement: this._graphics._threejs.domElement,
    //   gui: this._gui,
    //   guiParams: this._guiParams,
    // });

    this._focusMesh = new THREE.Mesh(
      new THREE.SphereGeometry(25, 32, 32),
      new THREE.MeshBasicMaterial({
          color: 0xFFFFFF
      }));
    this._focusMesh.castShadow = true;
    this._focusMesh.receiveShadow = true;
    //this._graphics.Scene.add(this._focusMesh);

    this._totalTime = 0;

    this._LoadBackground();
  }

  _CreateGUI() {
    this._guiParams = {
      general: {
      },
    };
    this._gui = new GUI();

    const generalRollup = this._gui.addFolder('General');
    this._gui.close();
  }

  _LoadBackground() {
    this._graphics.Scene.background = new THREE.Color(0x000000);
    const loader = new THREE.CubeTextureLoader();
    const texture = loader.load([
        './resources/space-posx.jpg',
        './resources/space-negx.jpg',
        './resources/space-posy.jpg',
        './resources/space-negy.jpg',
        './resources/space-posz.jpg',
        './resources/space-negz.jpg',
    ]);
    this._graphics._scene.background = texture;
  }

  _OnStep(timeInSeconds) {
    this._totalTime += timeInSeconds;

    const x = Math.cos(this._totalTime * 0.025) * 4100;
    const y = Math.sin(this._totalTime * 0.025) * 4100;
    this._userCamera.position.set(x, 0, y);

    this._focusMesh.position.copy(this._userCamera.position);
  }
}


function _Main() {
  _APP = new ProceduralTerrain_Demo();
}

_Main();