Three.js 和 tween.js
通过 Threejs 编写一个动画效果的时候，有时候会借助 tween.js 库实现，通过 tween.js 库相比较直接写代码更方便简洁。 Threejs 结合 tween.js 小案例…
Three.js 几何体顶点纹理坐标UV
Three.js 几何体顶点纹理坐标 UV 本篇文章偏向于总结，建议阅读之前先对纹理贴图的映射、BufferGeometry、Geometry 等相关知识有一定的了解，所以这里…
Three.js 加载 solidworks 模型
如果你是机械领域工程师，或者是开发与机械领域相关 Web3D 应用的程序员，为了实现 solidworks 软件绘制的三维模型能够在网页上进行预览，你想通过 Th…
Three.js 相机控件 OrbitControls
通过 Three.js 的相机控件 OrbitControls.js 可以对 Threejs 的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景，而是相机的参数，通过前…
在微信小游戏里用 three.js
如何基础调用 three.js 官网地址 threejs.org。去 download 下载回来 three.min.js，我们就可以开工了。 我们先建一个标准的微信游戏项目，做好基本…
Three.js 剪裁模型
通过 Three.js 数学模块的API平面 Plane 可以对 Three.js 的网格模型对象进行剪裁。 WebGL 渲染器 .clippingPlanes 属性 通过Threejs的平面构造函数Pl…
Three.js 获得世界坐标 .getWorldPosition()
使用 Three.js 的开发的时候，如果你想获得一个网格模型 Mesh 或者一个模型对象 Group 的世界坐标，可以通过该模型的.getWorldPosition()方法实现，该…
Three.js 保持模型相对曲面表面姿态 从一个向量旋转到另一个向量
一个移动的模型出现在其它模型表面的不同位置，希望相对模型表面切面或者说法线方向保持一个特定的姿态。 应用场景： 移动几何平面始终垂直其它模型表…
Three.js 骨骼动画 SkinnedMesh
关于骨骼动画，如果你有一定了解，可以直接阅读本文，如果从来没有关于骨骼动画的任何概念，建议可以先学习本站发布的three.js视频教程第十二章，打开…
Three.js 数据纹理对象 DataTexture
Three.js 数据纹理对象 DataTexture 简单地说就是通过程序创建纹理贴图的每一个像素值。 程序生成一张图片的RGB值 var geometry = new THREE.PlaneGeo…
图片作为 Three.js 背景
通过 Threejs 场景对象 Scene 的背景属性 .background 可以把一张图片作为 Threejs 渲染的背景。 var scene = new THREE.Scene(); // 创建一个纹理图…
Three.js 在前端和 NodeJS 后端使用
如果是为了写一个 demo 可以直接在 .html 文件中编写 threejs 代码，前端工程化开发，肯定需要在nodejs搭建的开发环境下编程，比如在vue脚手架 vue-cl…
Three.js 帧缓冲区 .render() 两次渲染结果叠加
如果你对原生 WebGL 有一定的了解，对帧缓冲区的概念应该是不陌生的。Three.js 的渲染器 WebGLRenderer 本质上是原生 WebGL API 的封装，通过 Three.j…
