我正在使用 Javascript oop 和观察者模式进行开发。 在第一种方法中,模型 g 放入网格内部,并将网格放入场景内部。现在我们可以在 scene.children 中找到我们的 g 模型。在 intersected[i].object 的第二个方法中,我们可以找到我们的模型 g。问题是,如果我修改 intersected[i].object 的属性,它不会反射(reflect)到模型 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 指的是几何图形,而 intersected[i].object 指的是 Object3D - 不同的对象。
你可能需要写这样的东西: intersected[i].object.geometry.selected = true;
关于Javascript oop 实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29398381/