THREE.js 笔记

1.加载3d模型,obj格式,方式一: 加载obj,自行指定material贴图;方式二: 同时加载obj和mtl,此时为了正确加载贴图,最好指定统一的baseUrl;

2.canvas.toDataUrl() 图片为黑色的问题,解决: var renderer=newTHREE.WebGLRenderer({ preserveDrawingBuffer:true   // required to support .toDataURL() });

3.两个三维坐标点直接的距离, distanceTo

4.镜头移动至目标点一定距离处, controls.moveTo(target, radius, theta, during, delay); controls库

5.grid地板可与图片合成

6.Elresize, 对在div中的renderDom进行resize操作

7.CSS2DObject将DOM元素关联进THREE场景的物体

8.unprojectVector函数,将屏幕上的点击位置转换成Three.js场景中的坐标

9. renderer.setScissor裁剪场景

posted @ 2019-11-05 22:16  rencoo  阅读(193)  评论(0编辑  收藏  举报