Javascript oop 实例

Question

我正在使用 Javascript oop 和观察者模式进行开发。在第一种方法中，模型 g 被放置在网格内部，网格内部放置在场景中。我们现在可以在 scene.children 中找到我们的 g 模型。在 intersected[i].object 中的第二种方法中，我们可以找到我们的模型 g。问题是，如果我修改属性 of 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(); 
  }

Answer 1

我认为 g 指的是几何体，而 intersected[i].object 指的是 Object3D - 不同的对象。

你可能需要这样写：相交[i].object.geometry.selected = true;

Javascript oop 实例

Javascript oop instances

javascript

oop

three.js