![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
兴芳
这个作者很懒,什么都没留下…
展开
-
threejs如何在三维场景中添加点击事件
threejs如何在三维场景中添加点击事件threejs触发点击事件一般通过THREE.Raycaster射线来实现,当射线与物体相交,触发事件 this.$refs.loadDiv.addEventListener( "click", this.onDocumentMouseDown, false ); onDocumentMouseDown: function(event) { event.preventDe原创 2021-04-22 17:40:32 · 3728 阅读 · 2 评论 -
Threejs在vue中使用(场景、相机、渲染器、gltf模型添加、环境贴图等)
前言Three.js ( Javascript 3D library ) 是基于原生WebGL封装运行的三维引擎,WebGL可以看成是浏览器给我们提供的接口,在JavaScript中可以直接用这些API进行3D图形的绘制;而Three.js它封装了诸如场景、灯光、阴影、材质、贴图、空间运算等一系列功能,让你不必要再从底层WebGL开始写起。 Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。Three.js开发3D应用,通常包括渲染器(Renderer)、场景(Scene)、照原创 2021-04-22 17:01:42 · 6917 阅读 · 0 评论 -
gltf模型存在棱角,面不平滑
gltf模型加载出来外部透明部分有很多棱角、不平滑,实际模型里面这个面是平滑的解决办法:一般都是depthWrite,法线 renderOrder问题试着将depthWrite设置为flase原创 2021-04-09 09:39:55 · 413 阅读 · 0 评论