纹理贴图是通过将图像应用到对象的一个或多个面，来为3D对象添加细节的一种方法。可以使用TextureLoader类的load方法来加载纹理

WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。

其中OrbitControls.js和dat.gui.min.js这两个文件都是Three.js自带的两个很好用的工具，第一个是可以让摄像机有轨道地进行移动，而不用再自己写函数去实现，第二个是一个轻量级的图形用户界面库（GUI 组件），使…

粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用Jav…

这是今天分析的demo， 这是源码。 下面是要分析的内容： 1.第一人称控制器 {代码…} 2.初始化场景 {代码…} 3.设置时间相关的对象 {代码…} 4.海浪的波动——海浪的波动实质是将平面翻转，通过平面宽度和高度分…

这是今天要分析的demo，这是源码 下面来分析几段代码 1.控制器的设置 {代码…} 2.初始化聚光灯 {代码…} 3.阴影的设置 {代码…} 4.辅助线的引入 {代码…} 需要注意的是shadowCameraHelper = new THREE.Camera…

具体可以看入门指南中的光与影，另外除了光，你还需要了解光对不同材质的作用才能很好的得到你想要的效果，对于这一点，入门指南中材质章节有很好的解释。大致的意思如下：

Three.js官方文档比较精简，重点介绍api，没有一个合适的零基础的教程，但官网的demo十分丰富，遂产生从demo来逐渐学习Three.js的想法。

最近，公司UI小姐姐告诉我能不能做一个关于雪花的效果图，最好是能体现雪花的远近感（远的时候比较小 近的时候雪花比较大），我寻思良久，一开始用canvas做了一个雪花效果 感觉不是很满意，然后就该用了three.js…

Three.js 选择对象的本质是从点击位置发射光线，但屏幕坐标系与webgl坐标系是不同的，而把屏幕的二维坐标转化为三维坐标就是关键，做一步换算后交由Raycaster的setFromCamera方法即可。所以思路如下：1.获取屏幕…