标签： three.js
-
WebGL-threejs学习笔记-纹理贴图模拟太阳系运转
纹理贴图是通过将图像应用到对象的一个或多个面，来为3D对象添加细节的一种方法。可以使用TextureLoade…
-
WebGL-threejs学习笔记-创建threejs代码的基本框架
WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加Open…
-
WebGL-threejs学习笔记-阴影与实现物体的动画
其中OrbitControls.js和dat.gui.min.js这两个文件都是Three.js自带的两个很好…
-
基于 three.js 的 3D 粒子动效实现
粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出…
-
Three.js官方demo分析（四）— 海洋
这是今天分析的demo， 这是源码。 下面是要分析的内容： 1.第一人称控制器 {代码…} 2.初始化场景…
-
Three.js官网demo分析（三）— 聚光灯与阴影
这是今天要分析的demo，这是源码 下面来分析几段代码 1.控制器的设置 {代码…} 2.初始化聚光灯 {…
-
Three.js官网demo分析（二）—多种立体与光线
具体可以看入门指南中的光与影，另外除了光，你还需要了解光对不同材质的作用才能很好的得到你想要的效果，对于这一点…
-
Three.js官网demo分析（一）
Three.js官方文档比较精简，重点介绍api，没有一个合适的零基础的教程，但官网的demo十分丰富，遂产生…
-
记一次雪花效果
最近，公司UI小姐姐告诉我能不能做一个关于雪花的效果图，最好是能体现雪花的远近感（远的时候比较小 近的时候雪花…
-
Three.js 选择拾取对象学习总结
Three.js 选择对象的本质是从点击位置发射光线，但屏幕坐标系与webgl坐标系是不同的，而把屏幕的二维坐…