elation-engine/scripts/things/sector.js

WebGL/WebVR engine written in Javascript

elation.component.add("engine.things.sector", function() {
  this.postinit = function() {
    this.defineProperties({
      'assets.pack':             { type: 'string', default: false },
      'fog.enabled':             { type: 'bool', default: false },
      'fog.color':               { type: 'color', default: 0x000000 },
      'fog.factor':              { type: 'float', default: 8e-6 },
      'ambient.enabled':         { type: 'bool', default: false },
      'ambient.color':           { type: 'color', default: 0x333333 },
      'light.enabled':           { type: 'bool', default: false },
      'light.color':             { type: 'color', default: 0xffffff },
      'light.position':          { type: 'vector3', default: [0,50,-50] },
      'plane.enabled':           { type: 'bool', default: false },
      'skybox.cubePath':         { type: 'string' },
      'skybox.enabled':          { type: 'bool', default: false },
      'terrain.enabled':         { type: 'bool', default: false },
      'terrain.args.simple':     { type: 'bool', default: true },
      'terrain.args.color':      { type: 'color', default: 0x998877 },
      'terrain.args.displacementMap': { type: 'texture' },
      'terrain.args.normalMap':  { type: 'texture' },
      'terrain.args.map':        { type: 'texture' },
    });
    if (this.properties.skybox.enabled) {
      this.setSky();
    }
    if (this.properties.fog.enabled) {
      this.engine.systems.world.setFog(0, 1000, this.properties.fog.color);
    }
  }
  this.createObject3D = function() {
    var obj = new THREE.Object3D();
    this.objects['3d'] = obj;
    if (this.properties.light.enabled) {
      this.spawn('light', null, {type: 'point', position: this.properties.light.position, color: this.properties.light.color, persist: false});
    }
    if (this.properties.ambient.enabled) {
      this.spawn('light', null, {type: 'ambient', color: this.properties.ambient.color, persist: false});
    }
    if (this.properties.terrain.enabled) {
      this.spawn('terrain', 'ground', this.properties.terrain.args);
    }
    if (this.properties.plane.enabled) {
      var planegeo = new THREE.PlaneGeometry(32,32,32,32)
      var rot = new THREE.Matrix4().makeRotationFromEuler(new THREE.Euler(-Math.PI/2, 0, 0));
      planegeo.applyMatrix(rot);

      var planemat = new THREE.MeshBasicMaterial({color: 0xeeeeee, wireframe: true, opacity: 0.1, transparent: true});
      planemat.depthWrite = false;

      var plane = new THREE.Mesh(planegeo, planemat);
      obj.add(plane);
    }

    if (this.properties.assets.pack) {
      elation.engine.assets.loadAssetPack(this.properties.assets.pack);
    }
    //this.spawn("gridhelper", "grid", {range: 20});
    return obj;
  }
  this.setSky = function() {
    if (!this.skytexture) {
      var format = 'jpg';
      var path = this.properties.skybox.cubePath;
      if (path.substr(path.length-1) != '/') {
        path += '/';
      }
      var urls = [
        path + 'px' + '.' + format, path + 'nx' + '.' + format,
        path + 'py' + '.' + format, path + 'ny' + '.' + format,
        path + 'nz' + '.' + format, path + 'pz' + '.' + format
      ];
      var texturecube = THREE.ImageUtils.loadTextureCube( urls );
      texturecube.format = THREE.RGBFormat;
      this.skytexture = texturecube;
    }
    this.engine.systems.world.setSky(this.skytexture);
  }
}, elation.engine.things.generic);