我的three.js学习记录（一）
在之前因为项目需要使用WebGL技术做网页应用，但是苦于自己没有接触，只是使用过OpenGL。然后接触到了thre.js这个第三方库之后我突然心情很愉快，这将节省我很多时间。 过了这个项目之后，就再也没有看过它了，最近翻开我的个人记录发现了在角落边缘堆尘的three.js决定再看一下，然后记 ...
原文：Three.js 学习之路（二）
常用辅助对象的使用 对于刚开始学习的开发者来说，有辅助工具协助能更快掌握Three.js三维空间。 .ArrowHelper：箭头辅助工具 可以通过设置一个世界方向，起点，长度，颜色在scene中添加一个辅助箭头帮助我们辨认网页中的方向。下面示例添加一个世界原点朝向正上方的一个 单位长度的红色箭头： var arrowHelper new THREE.ArrowHelper new THREE.V ...
2017-10-26 14:08 0 1915 推荐指数：
相关推荐
我的three.js学习记录（二）
通过上一篇文章我的three.js学习记录（一）基本上是入门了three.js，但是这不够3D，这次我希望能把之前做的demo弄出来，然后通过例子来分析操作步骤。 1. 示例 上图是之前做的一个demo，有点丑，希望不要介意。 这个主要是外面一层包裹着天空盒， 然后里面是一个由开顶的立方体 ...
three.js学习4_光源相关
Three.Light 目录 Three.Light 灯光 1. Light 2. AmbientLight 3. DirectionalLight 4. HemisphereLight ...
WEBGL学习笔记（四）：three.js的结构
游戏已经做好，但是博客园不能支持哈，我在我的独立博客里面加入了这个游戏。 加载时候会黑屏，等待数秒即可，点击这里体验试玩：FlappyBird3d游戏试玩 我们知道three.js有几大件，掌握好这几个类，那么就算入门了！ 场景scene，摄像机 ...
Three.js学习1_快速入门
快速上手, 搭建第一个3D场景 最重要的一步, 先下载three.js, 引入网页中 <script src="./three.js"></script> 效果图: 1. 五大因素 搭建一个场景必须要的五大因素, 场景, 相机, 光源, 物体 ...
three.js学习3_相机相关
Three.Camera Camera是所有相机的抽象基类, 在构建新摄像机时，应始终继承此类. 常见的相机有两种类型: PerspectiveCamera（透视摄像机）或者 OrthographicCamera（正交摄像机）。 Camera子类型有ArrayCamera ...
three.js 材质
今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...
three.js 曲线
上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 ...