Three.js中的CSS2DObject和CSS2DRenderer

html-css016

Three.js中的CSS2DObject和CSS2DRenderer,第1张

使用CSS2DObject和CSS2DRenderer可以绘制一个2D效果的标签,用于展示一些信息。

通过阅读CSS2DRenderer的源码可以知道,CSS2DRenderer会递归遍历scene去找到CSS2DObject来进行渲染得到标签内容信息。CSS2DObject可以添加进入你想要展示其的mesh当中。

CSS2DRenderer需要在渲染器当中进行相应的配置。

3D为立体,2D为平面。点线面体中的面就是2D,体就是3D。

3D给人真实、立体的感觉,渲染时消耗显存大,并且质量高时,对显存频率、核心频率等要求也不少,3D比2D的要求高很多。

2D是面,虽然感觉不真实,不立体,但是消耗的显存小,质量高也没多大的要求,需求电脑的性能和3D比那就低多了。

有些低端3D游戏因为纹理材质方面,看起来很简陋,但是也比2D消耗得多,因此,硬件不是很高端的情况下,3D并不能体现出真实的优势。