骨干three.js视图绑定

Question

对不起，问什么可能是一个非常简单的noob问题。

我有一个视图，它在Three.js渲染器中创建几何图形 - 视图首次成功渲染。但是，随后对渲染函数的调用会失败并显示未知的引用错误。

我试图存储视图内呈现几何的参考，而不是模型，该模型在多个浏览器（乃至服务器）之间共享 - 使用Backboneio.js

的看法是这样的：

StarSystem.hudContact = BackboneIO.View.extend({ 
    el: '', 
    model: '', 
    initialize: function(options) { 
    var material = new THREE.LineBasicMaterial({ 
     color: 0xFFFFFF, 
    }); 

    var geometry = new THREE.Geometry(); 
    geometry.vertices.push(new THREE.Vector3(0, 0, 0)); 
    geometry.vertices.push(new THREE.Vector3(0, 0, ((camera[0].position.z - this.model.get('zPos'))/10000))); 

    var line = new THREE.Line(geometry, material); 
    line.position.x = ((camera[0].position.x - this.model.get('xPos'))/10000); 
    line.position.y = ((camera[0].position.y - this.model.get('yPos'))/10000); 
    line.position.z = 0; 
    line.Name = this.model.get('Name'); 

    this._hudLine = hudScene.add(line); 
    this.model.bind('update', this.render, this); 
    }, 
    render: function(){ 
    console.log(this._sceneLine.position.x); 
    this._hudLine.position.x = ((camera[0].position.x - this.model.get('xPos'))/10000); 
    this._hudLine.position.y = ((camera[0].position.y - this.model.get('yPos'))/10000); 
    this._hudLine.position.z = 0; 

    } 
}); 

因此，可以看出，我试图存储在this._hudLine行（线）的参考 - 这是第一个已知的渲染（初始化通话过程中），但此后不（在渲染调用中）。

如何处理这个，而不必依赖全球阵列上或在模型中存储信息的任何方向将不胜感激......

谢谢！

Answer 1

这是参照解决以下文章：

Private and public variables to a backbone view

不过，我认为根本问题是与包装在一个自执行功能视图中的原始模板：

(function() { 
    //view stuff 
}).call(this); 

而不是：

(function() { 
    //view stuff 
})(); 

一个noob问题 - 非常感谢您的帮助！

Answer 2

我实际上并不知道BackboneIO是什么，但是在主干中，您必须将渲染功能与_.bindAll(this,"render")绑定，才能使this.model.bind('update',this.render)等工作正常。

Answer 3

的问题是固定的参考：

Private and public variables to a backbone view

非常感谢您的帮助！