博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2017年2月1日

摘要: 本章的主要内容: 一, 通过Three.js自带的功能来组合和合并已有的几何体,创建出新的几何体 二, 从外部资源中加载网格和几何体 1 前面的章节中,我们学习到,一个几何体创建的网格,想使用多个材质的方法: 看似一个网格中有一个几何体,多个材质,其实该网格拥有与材质数量相对应的几何体,每个几何体都 阅读全文

posted @ 2017-02-01 12:09 Amy-lover 阅读(9431) 评论(1) 推荐(0) 编辑

2017年1月30日

摘要: 使用粒子可以很容易的创建很多细小的物体,例如雨滴雪花等 本章主要内容: 1 使用ParticleBasicMaterial(基础粒子材质)来创建和设计粒子 2 使用ParticleSystem来创建一个粒子集合 3 使用已有的几何体来创建一个粒子系统 4 让粒子和粒子系统动起来 5 用纹理给粒子造型 阅读全文

posted @ 2017-01-30 23:44 Amy-lover 阅读(14466) 评论(0) 推荐(0) 编辑

摘要: 本章的主要内容: 一,高级几何体-凸面体ConvexGeometry,扫描体LatheGeometry,管状几何体TubeGeometry; 二,使用拉伸几何体ExtrudeGeometry将一个二维图形生成三维图形,并基于从外部引入的SVG图片生成一个三维图形; 三,基于three.js提供的Pa 阅读全文

posted @ 2017-01-30 18:00 Amy-lover 阅读(7103) 评论(0) 推荐(0) 编辑

2017年1月29日

摘要: 一 基础几何体 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 阅读(7306) 评论(0) 推荐(0) 编辑

摘要: 材质就像物体的皮肤,决定了几何体的外表,例如是否像草地/金属,是否透明,是否显示线框等 一 材质 THREE.js的材质分为多种,Three.js提供了一个材质基类THREE.Material, 该基类拥有three.js所有材质的公有属性,分为三类:基础属性,融合属性,高级属性 基础属性:ID,n 阅读全文

posted @ 2017-01-29 16:41 Amy-lover 阅读(20158) 评论(0) 推荐(0) 编辑

2016年12月9日

摘要: 本章的主要内容 1 three.js有哪些可用的光源 2 什么时候用什么光源、 3 如何调整配置各种光源 4 如何创建镜头炫光 一 光源 光源大概有7种, 其中基础光源有4种 环境光(AmbientLight会它的颜色会添加到整个场景和所有对象的当前颜色上), 点光源(PointLight空间中的一 阅读全文

posted @ 2016-12-09 22:24 Amy-lover 阅读(18398) 评论(0) 推荐(0) 编辑

摘要: .gui本章的主要内容 1 场景中使用哪些组件 2 几何图形和材质如何关联 3 正投影相机和透视相机的区别 一,Three所需要的基本元素 场景scene:一个容器,用来保存并跟踪所有我们想渲染的物体 相机camera:场景scene中保存了所有我们想要渲染的物体,但是这些物体哪些是希望被看到的,由 阅读全文

posted @ 2016-12-09 10:56 Amy-lover 阅读(1830) 评论(0) 推荐(0) 编辑

2016年12月8日

摘要: 本章主要做了下面的工作 1 生成一个简单的场景,该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体,并生成阴影 3 在第二个demo的基础上,增加动画,使得方块进行旋转 4 在第三个demo的基础上,增加图形操作界面,改变方块旋转的速度 5 在第四个demo的基础上,我们使 阅读全文

posted @ 2016-12-08 17:54 Amy-lover 阅读(6797) 评论(0) 推荐(0) 编辑

2016年4月25日

摘要: 一 命名空间模式 1 命名空间模式的代码格式 2 命名空间的优点: 减少全局变量的数量, 避免命名冲突 3 缺点: 1.1 通用命名空间函数 当使用命名空间的时候,我们通常检查一下该命名空间是否存在,以免给覆盖了(当代码被分割为多个文件或者部分的时候),一般格式如下: var MYAPP=MYAPP 阅读全文

posted @ 2016-04-25 16:27 Amy-lover 阅读(310) 评论(0) 推荐(1) 编辑

2015年10月27日

摘要: 一 背景 js函数的两个特点:1 函数是第一类对象(first-class object);2 函数可以提供作用域 1 函数是对象: 1 函数可以在运行时动态创建,还可以在程序执行过程中创建 2 可以被赋值给变量,还可以被删除 3 可以作为参数传递给别的函数,可以作为返回值,被别的函数返回, 4 可 阅读全文

posted @ 2015-10-27 13:35 Amy-lover 阅读(341) 评论(0) 推荐(0) 编辑