Threejs添加标签

以下一些previous post on stackoverflow我试图在我的画布中添加标签。我做了第二个场景和第二个相机，以在第一个场景上重叠我的标签。Threejs添加标签

this.sceneOrtho = new THREE.Scene();//for labels 
this.scene = new THREE.Scene();// for Geometry 

//camera for geometry 
var SCREEN_WIDTH = window.innerWidth-5, SCREEN_HEIGHT = window.innerHeight-5; 
var VIEW_ANGLE = 45, ASPECT = SCREEN_WIDTH/SCREEN_HEIGHT, NEAR = 0.1, FAR = 20; 
this.camera = new THREE.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR); 
var r = 4, phi = Math.PI/4, theta = Math.PI/4; 
this.camera.position.set(r*Math.cos(phi)*Math.sin(theta),r*Math.sin(phi), r*Math.cos(phi)*Math.cos(theta)); 
this.camera.lookAt(new THREE.Vector3(0, 0, 0)); 

// camera for labels 
this.cameraOrtho = new THREE.OrthographicCamera(VIEW_ANGLE, ASPECT, NEAR, FAR); 
this.cameraOrtho.position.z = 10;

我还添加了THREE.Sprite对象现场sceneOrtho.add(spritey); 并呈现this.model.clearScene(this.scene); this.model.populateScene(this.scene,this.sceneOrtho);//<-------- this.renderer.clear(); this.renderer.render(this.scene, this.camera); this.renderer.clearDepth(); this.renderer.render(this.sceneOrtho, this.cameraOrtho);

，但我只能看到的几何形状，而不是我的标签。这里有一个现场example点击按钮测试看看它。

来源

2015-04-06 Stefano Maglione

您现在太快过敏了。提出对别人有用的问题。询问关于three.js的问题，并避免help-me-debug-my-code问题。在这种情况下，你应该能够找到自己的错误。 – WestLangley

你是对的，但是我认为我无法找到这段代码有什么问题@WestLangley –

也许这个例子是你在做什么？ http://threejs.org/examples/webgl_loader_pdb.html – mrdoob

-2

我猜想场景渲染是正确的，但是你的正交相机正在朝坏的方向看。我没有看到为您的相机设置lookAt。

是的@venlangley写道，这对别人没用。

来源

2015-04-07 16:53:29 Martin

Threejs添加标签

回答

相关问题