...
什么是Three.js three.js是JavaScript编写的WebGL第三方库。提供了非常多的 D显示功能。Three.js 是一款运行在浏览器中的 D 引擎,你可以用它创建各种三维场景,包括了摄影机 光影 材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度 尤其是文档的匮乏 th ...
2013-07-10 09:49 1 66233 推荐指数:
...
上一节我们简单的说了一下THREE中必要的元素。今天我们深入探讨一下各种THREE的光源。 一 基础光源 基础光源有4种1.THREE.AmbientLight(环境光源)2.THREE.PointLight(点光源)3.THREE.SpotLight(聚光灯 ...
游戏已经做好,但是博客园不能支持哈,我在我的独立博客里面加入了这个游戏。 加载时候会黑屏,等待数秒即可,点击这里体验试玩:FlappyBird3d游戏试玩 我们知道three.js有几大件,掌握好这几个类,那么就算入门了! 场景scene,摄像机 ...
常用辅助对象的使用 对于刚开始学习的开发者来说,有辅助工具协助能更快掌握Three.js三维空间。 1.ArrowHelper:箭头辅助工具 可以通过设置一个世界方向,起点,长度,颜色在scene中添加一个辅助箭头帮助我们辨认网页中的方向。下面示例添加一个世界原点朝向正上方的一个4单位 ...
在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL。然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间。 过了这个项目之后,就再也没有看过它了,最近翻开我的个人记录发现了在角落边缘堆尘的three.js决定再看一下,然后记 ...
通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤。 1. 示例 上图是之前做的一个demo,有点丑,希望不要介意。 这个主要是外面一层包裹着天空盒, 然后里面是一个由开顶的立方体 ...
今后的几篇郭先生主要说说three.js骨骼动画。three.js骨骼动画十分有意思,但是对于初学者来说,学起来要稍微困难一些,官方文档比较少,网上除了用圆柱体的例子就是引用外部模型的,想要熟练使用骨骼动画就需要不断地探索和练习。这篇是初探three.js骨骼动画,也不深入讲解,先说说它的实现 ...
今天说说three.js的几何体,常见的几何体今天就不说了,今天说一说如何画直线,圆弧线,以及高级几何体。 1. 画一条直线 画直线我们使用THREE.Geometry()对象。 这样就在空间画出了一条折线。 2.画一条圆弧线 画圆弧线我们借助THREE ...