|  |  | 
 |  |  |          this.initReSize(this); | 
 |  |  |          this.initPointLockControl(this); | 
 |  |  |          this.initFloor(); | 
 |  |  |          this.initBuilding(); | 
 |  |  |          this.initTransporter(this); | 
 |  |  |       } | 
 |  |  |       this.animate = function () { | 
 |  |  |          requestAnimationFrame(this.animate.bind(this)); | 
 |  |  | 
 |  |  |  | 
 |  |  |          // this.addObject(new Floor({position: {}})) | 
 |  |  |       } | 
 |  |  |       this.initBuilding = function () { | 
 |  |  |          let buildingData = buildingObjects.objects; | 
 |  |  |          for (let i = 0; i < buildingData.length; i++) { | 
 |  |  |             let objectOption = buildingData[i]; | 
 |  |  |             switch (objectOption.objectType) { | 
 |  |  |                case "cube": | 
 |  |  |                   let cube = new Cube(objectOption); | 
 |  |  |                   this.addObject(cube); | 
 |  |  |                   break; | 
 |  |  |             } | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |       this.initTransporter = function (object) { | 
 |  |  |          // const manager = new THREE.LoadingManager(); | 
 |  |  |          // new MTLLoader(manager) | 
 |  |  |          //    .setPath( '../static/model/obj/' ) | 
 |  |  |          //    .load( '13213.mtl', function ( materials ) { | 
 |  |  |          //       materials.preload(); | 
 |  |  |          //       new OBJLoader( manager ) | 
 |  |  |          //          .setMaterials( materials ) | 
 |  |  |          //          .setPath( '../static/model/obj/' ) | 
 |  |  |          //          .load( '13213.obj', function ( obj ) { | 
 |  |  |          //             obj.traverse (function (child) { | 
 |  |  |          //                if (child instanceof THREE.Mesh) { | 
 |  |  |          //                   child.material = new THREE.MeshLambertMaterial({ | 
 |  |  |          //                      color: 0xCD6839 | 
 |  |  |          //                   }); | 
 |  |  |          //                } | 
 |  |  |          //             }); | 
 |  |  |          // | 
 |  |  |          //             obj.scale.set(0.03, 0.03, 0.03); | 
 |  |  |          //             obj.rotateY(- Math.PI / 2); | 
 |  |  |          //             // obj.name = option.crnNo + "-body"; | 
 |  |  |          //             obj.position.x = 0; | 
 |  |  |          //             obj.position.y = 0; | 
 |  |  |          //             obj.position.z = 0; | 
 |  |  |          //             object.addObject( obj ); | 
 |  |  |          //          }, null, null ); | 
 |  |  |          //    }); | 
 |  |  |  | 
 |  |  |       } | 
 |  |  |       this.initStoreObjects = function (object) { | 
 |  |  |          if (this.firstTime === 1) { | 
 |  |  |             if (Store3DData !== undefined && Store3DData !== null) { | 
 |  |  | 
 |  |  |       } | 
 |  |  |       this.lockControl = function () { | 
 |  |  |          this.camera.position.y = 100; | 
 |  |  |          this.camera.lookAt(0,100,0); | 
 |  |  |          this.controls.getObject().position.x =0; | 
 |  |  |          this.controls.getObject().position.y =100; | 
 |  |  |          this.controls.getObject().position.z =580; | 
 |  |  |          this.camera.lookAt(900,1100,0); | 
 |  |  |          this.controls.getObject().position.x = -200; | 
 |  |  |          this.controls.getObject().position.y = 200; | 
 |  |  |          this.controls.getObject().position.z = 200; | 
 |  |  |          this.controls.lock(); | 
 |  |  |       } | 
 |  |  |    }, |