转

着色方式

绝大多数的3D物体是由多边形（polygon）所构成的，它们都必须经过某些着色处理的手续，才不会以线结构（wireframe）的方式显示。 这些着色处理方式有差到好，依次主要分为FlatShading、GouraudShading、PhoneShading、ScanlineRenderer、Ray-Traced。 FlatShading（平面着色）

原

three.js 2d文字

three.js自带3D文字模型，但是怎样实现2d文字呢。有三种方法：使用CSS2DObject对象并添加到父级，混合使用CSS2DRenderer。参考官方例子：css2d_label.html每帧获取目标对象的屏幕位置，设为div文字的位置。参考：http://www.wjceo.com/blog/threejs2/2018-06-25/175.html创建Canvas画布作为精灵的材质贴图。

转

threejs 当使用正交投影时实现射线交互

//初始化一个正交投影的camera对象var w = window.innerWidth,h = window.innerHeight; camera = new THREE.OrthographicCamera( w/-2,w/2,h/-2,h/2, -1000, 1000 ); camera.position.z = 100;//鼠标点击事件的回调（不同于透视投影

转

three.js 3D坐标转化为2D屏幕坐标

three.js 3D坐标转化为2D屏幕坐标//创建一个3D坐标var vector = new THREE.Vector3();//获取模型var obj = scene.getObjectByName(modelName);vector = vector.setFromMatrixPosition(obj.matrixWorld).project(camera);

原

Three.js遇到的一些小问题

vector.project doesnt work if X or Y or Z is 0// (infinity,infiinity,infiinity)new THREE.Vector3(0, 10, 0).project( camera )// works finenew THREE.Vector3(0.00001, 10, 0.00001).project( camera )当vecto