Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript面向对象实例_Javascript_Oop_Three.js - Fatal编程技术网

Javascript面向对象实例

Javascript面向对象实例,javascript,oop,three.js,Javascript,Oop,Three.js,我正在使用Javascript oop和观察者模式进行开发。 在第一种方法中,模型g放在网格内,网格放在场景内。现在我们可以在scene.children中找到我们的g模型。在intersected[i]中的第二种方法中,我们可以找到我们的模型g。问题是,如果修改intersected[I].object的属性,它不会反映到模型g中 g = new GeometryModel(); tjsv = new ThreeJSView(document.getElementById('maincanva

我正在使用Javascript oop和观察者模式进行开发。 在第一种方法中,模型g放在网格内,网格放在场景内。现在我们可以在scene.children中找到我们的g模型。在intersected[i]中的第二种方法中,我们可以找到我们的模型g。问题是,如果修改intersected[I].object的属性,它不会反映到模型g中

g = new GeometryModel();
tjsv = new ThreeJSView(document.getElementById('maincanvas'), g);


GeometryModel.prototype.populateScene = function(scene) {
var i;
for (i = 0; i < this.geometries.length; i++) {
 var g = this.geometries[i];//<-----  g is the model
 var material = new THREE.MeshBasicMaterial( { color: g.color, transparent: g.transparent, opacity: g.opacity });

 var mesh = new THREE.Mesh(g, material);
 this.addLabels(g, mesh);
 scene.add(mesh);

 if (g.lineWidth > 0) {
      var egh = new THREE.EdgesHelper( mesh, g.lineColor );
      egh.material.linewidth = g.lineWidth;
      scene.add( egh );
   }
  }
}





ThreeJSView.prototype.selectByRaycaster = function(x, y){
var i;
var intersected;
var mouse = {x: (x / this.width) * 2 - 1, y: 1 - (y / this.height) * 2};
var raycaster = new THREE.Raycaster();
raycaster.setFromCamera(mouse, this.camera);
intersected = raycaster.intersectObjects(this.scene.children);
console.log();

for ( var i = 0; i < intersected.length; i++ ) {

      if (intersected[i].object instanceof THREE.Mesh){

          intersected[i].object.selected = true;// I modify my model 
          changed = true;
          console.log( intersected[i].object);
      }
}

  console.log(this.model);//my model but here there are no modify!


 if (changed)
   this.model.notifyListeners(); 
  }
g=新几何模型();
tjsv=newThreeJSView(document.getElementById('maincanvas'),g);
GeometryModel.prototype.populateScene=函数(场景){
var i;
对于(i=0;i
我认为g指的是几何体,而相交[I]。对象指的是对象3D-不同的对象

您可能需要这样写: 相交[i]。对象。几何体。所选=真