2013-03-21 33 views
0

我想創建一些機制,在某些時候在我的3D場景上提供文本覆蓋(例如,當單擊鼠標按鈕時)。Three.js--在屏幕上顯示文本覆蓋

我正在瀏覽關於github的教程,並注意類似THREE.TextGeometry類。使用它我可以在場景中放置3D文本,但它可能比我需要的要多一點 - 我真正想要的是將文本放在黑色背景上,將其覆蓋在場景上的方式,然後在完成後將其移開。有沒有人知道在three.js中做這件事的好方法? (如果THREE.TextGeometry類是做這件事的好方法,那麼我只是不確定如何做覆蓋位。)

回答

1

使用HTML。特別是如果你只需要一個覆蓋層,這是非常容易和強大的。使用CSS,你也可以實現諸如半透明背景之類的東西。如果你想讓它與場景「混合」,即有透視等,你可以使用THREE.CSS3DRenderer,它可以根據你提供的相機改變div。

+0

謝謝。你知道我可以用作模板的任何例子嗎?這些例子特別好? – larryq 2013-03-22 05:47:45

+0

幾乎每個three.js示例都會在頁面頂部覆蓋一些信息文本。如果您對'CSS3DRenderer'感興趣,最簡單的一個似乎是[css3d_sandbox](http://mrdoob.github.com/three.js/examples/css3d_sandbox.html) – Tapio 2013-03-22 11:52:24