摘要:
Three.js学习笔记 本篇介绍 (模型)及相关问题。 格式的模型较为通用,较为适合用于3D软件互导。所以我们以 模型以及其材质文件 为例。 、`CTM VTK js`文件。 添加OBJ模型 js //这里的 是我从3Dmax新鲜导出的一个简陋的 模型 //比较基本,没有材质 function l 阅读全文
摘要:
Three.js学习笔记 本篇介绍 的创建和绑定。完成简单的骨骼动画。 初始化数据、创建骨骼 这里我们使用 来创建一段几何图形模拟具有骨骼的物体。 你可以比作人的身体而我们创建的 骨骼以及 骨架就相当于人的脊椎。 js //每段高度,这里指骨骼长度 var segmentHeight = 6; // 阅读全文
摘要:
Three.js学习笔记 本篇上一篇介绍的 和`curves`(曲线)实现在canvas画画。 目前只支持画线。 添加画板 我们可以添加一个 当做画板,要足够的大。 添加画笔 然后添加一个 当做画笔。利用 的`intersectObjects() point`属性获取当前相交的交点坐标。 js va 阅读全文
摘要:
Three.js学习笔记 本篇介绍一下高级光源,镜头眩光。镜头眩光在生活中比较常见,比如说当你直接朝着太阳拍照的时候就会出现镜头眩光。 大多数情况下要避免这种情况的发生,但是在三维场景和游戏中却是一种很好的效果。让场景更加的真实。 同时也会简单介绍一下相机控件。 渲染器设置 要生成阴影需要将渲染器的 阅读全文
摘要:
Three.js学习笔记 本篇为Raycaster(射线)的使用。 Raycaster Constructor Main Properties :射线放射的位置 :方向向量,应该是标准化的 :能投射的最近距离 : 能投射的最远距离 拾取物体 我们可以定义一个由mouse(鼠标)发出的射线,从而来拾取 阅读全文
摘要:
Three.js学习笔记 本篇介绍一下阴影的生成。 渲染器设置 要生成阴影需要将渲染器的 开启。 设置 的样式 添加光源 这里的光源需要是能生成阴影的光源。比如说是 、`DirectinalLight castShadow` 属性的高级光源。 和`PointLight SpotLight`为例。 添 阅读全文
摘要:
Three.js学习笔记 本篇简单列举一下three.js的核心对象。 scenes scene 三维场景。 Constructor Main Properties :定义雾影响场景渲染 fog 受雾影响的三维场景。 Constructor Main Properties :定义雾的颜色 :定义雾效 阅读全文
摘要:
Three.js学习笔记 本篇为基础扩展部分(学习使用插件扩展你的三维场景) WebGL支持 目前绝大部分主流浏览器是支持WebGL的,但是IE的大部分版本并不支持WebGL。 所以如果你想使用旧版本的IE浏览器,可以通过下载 的`Google Chrome Frame`插件 也可以使用 同时对于浏 阅读全文
摘要:
Three.js学习笔记 本篇为基础部分(学习如何快速的创建一个三维场景) three.js是什么 Three.js是一个 `JavaScript`库。 three.js能干什么 创建简单或是比较复杂的三维图形并应用丰富多彩的纹理和材质。 添加五光十色的光源。 在3D场景中移动物体或是添加脚本动画。 阅读全文