摘要：本章的主要内容： 一， 通过Three.js自带的功能来组合和合并已有的几何体，创建出新的几何体 二， 从外部资源中加载网格和几何体 1 前面的章节中，我们学习到，一个几何体创建的网格，想使用多个材质的方法： 看似一个网格中有一个几何体，多个材质，其实该网格拥有与材质数量相对应的几何体，每个几何体都 阅读全文
posted @ 2017-02-01 12:09 Amy-lover 阅读 (6980) 评论 (1) 编辑
摘要：使用粒子可以很容易的创建很多细小的物体，例如雨滴雪花等 本章主要内容： 1 使用ParticleBasicMaterial(基础粒子材质)来创建和设计粒子 2 使用ParticleSystem来创建一个粒子集合 3 使用已有的几何体来创建一个粒子系统 4 让粒子和粒子系统动起来 5 用纹理给粒子造型 阅读全文
posted @ 2017-01-30 23:44 Amy-lover 阅读 (10384) 评论 (0) 编辑
摘要：本章的主要内容： 一，高级几何体-凸面体ConvexGeometry，扫描体LatheGeometry，管状几何体TubeGeometry； 二，使用拉伸几何体ExtrudeGeometry将一个二维图形生成三维图形，并基于从外部引入的SVG图片生成一个三维图形； 三，基于three.js提供的Pa 阅读全文
posted @ 2017-01-30 18:00 Amy-lover 阅读 (5925) 评论 (0) 编辑
摘要：一 基础几何体 1 二维图形：二维图形都是基于x和y轴构建的，即展示的形式就是他们都是“直立”的，如果希望这些二维图形躺下，则需要将几何体沿着x轴向后旋转1/4圈 mesh.rotation.x=-Math.PI/2; 1.1 PlaneGeometry：平面几何体 new THREE.PlaneG 阅读全文
posted @ 2017-01-29 23:02 Amy-lover 阅读 (5937) 评论 (0) 编辑
摘要：材质就像物体的皮肤，决定了几何体的外表，例如是否像草地/金属，是否透明，是否显示线框等 一 材质 THREE.js的材质分为多种，Three.js提供了一个材质基类THREE.Material， 该基类拥有three.js所有材质的公有属性，分为三类：基础属性，融合属性，高级属性 基础属性：ID,n 阅读全文
posted @ 2017-01-29 16:41 Amy-lover 阅读 (15816) 评论 (0) 编辑
摘要：本章的主要内容 1 three.js有哪些可用的光源 2 什么时候用什么光源、 3 如何调整配置各种光源 4 如何创建镜头炫光 一 光源 光源大概有7种， 其中基础光源有4种 环境光（AmbientLight会它的颜色会添加到整个场景和所有对象的当前颜色上）， 点光源（PointLight空间中的一 阅读全文
posted @ 2016-12-09 22:24 Amy-lover 阅读 (12478) 评论 (0) 编辑
摘要：.gui本章的主要内容 1 场景中使用哪些组件 2 几何图形和材质如何关联 3 正投影相机和透视相机的区别 一，Three所需要的基本元素 场景scene：一个容器，用来保存并跟踪所有我们想渲染的物体 相机camera：场景scene中保存了所有我们想要渲染的物体，但是这些物体哪些是希望被看到的，由 阅读全文
posted @ 2016-12-09 10:56 Amy-lover 阅读 (1146) 评论 (0) 编辑
摘要：本章主要做了下面的工作 1 生成一个简单的场景，该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体，并生成阴影 3 在第二个demo的基础上，增加动画，使得方块进行旋转 4 在第三个demo的基础上，增加图形操作界面，改变方块旋转的速度 5 在第四个demo的基础上，我们使 阅读全文
posted @ 2016-12-08 17:54 Amy-lover 阅读 (5525) 评论 (0) 编辑
摘要：一 命名空间模式 1 命名空间模式的代码格式 2 命名空间的优点： 减少全局变量的数量， 避免命名冲突 3 缺点： 1.1 通用命名空间函数 当使用命名空间的时候，我们通常检查一下该命名空间是否存在，以免给覆盖了（当代码被分割为多个文件或者部分的时候），一般格式如下： var MYAPP=MYAPP 阅读全文
posted @ 2016-04-25 16:27 Amy-lover 阅读 (141) 评论 (0) 编辑