Three.js 背景完全透明 模型悬浮在网页上
通过 Three.js 渲染一个模型的时候，不希望 Canvas 画布有背景颜色，也就是canvas画布完全透明，可以透过canvas画布看到画布后面叠加的HTML元素图文，…
Three.js 更新机制
关于 Threejs 材质 Material、几何体 Geometry、纹理 Texture、相机camera等对象如何更新也没必要刻意记忆，只要你能够理解Threejs渲染器的渲染过程，…
Three.js 渲染视图 .setViewport()
通过Threejs渲染器的 .setViewport() 方法的四个参数可以在canvas画布上定义一个矩形的局部区域，如果没有通过.setViewport()方法设置一个局部区域的…
Three.js Canvas 画布上局部渲染 剪裁方法 .setScissor() 和视口方法 .setViewport()
通过 Three.js 渲染器 WebGLRenderer 的剪裁方法 .setScissor() 可以在canvas画布上定义一个局部矩形区域，这个矩形区可以称为剪裁框或剪裁区域。 剪…
Three.js 同步两个相机对象状态
正投影相机对象 camera2 和正投影相机对象 camera 的状态保持一致，比如通过相机的控件OrbitControls改变camera的状态进行旋转、缩放时候，camera2 保…
Three.js 材质深度测试 .depthTest
如果你对原生 WebGL 渲染管线渲染流程有一定的了解，对于渲染管线深度测试环节应该是不陌生的，Three.js 是对原生WebGL的封装，原生 WebGL 可以实现的…
Three.js 融合 .blending
如果你对原生 WebGL 有一定的了解，那么你对混合函数 gl.blendFunc() 肯定是不陌生的。Three.js 中关于融合的一些设置可以查看材质基类 Material exam…
Three.js 和 Vuejs 结合使用
当前搜到这篇文章，说明你对 Threejs 引擎和前框框架 vuejs 都有一定的了解，下面就简单说下在 vue-cli 脚手架中如何使用 threejs。 .html 文件中引入…
