技术在发展,现在利用JavaScript也能写3D应用了,几年前也许这是不行,写3D程序,最好是用c++,这样才能保证效率,但是现在,世界改变了。javascript的计算能力因为google的V8引 擎得到了迅猛的增强,做3D程序,做服务器都没有问题。
threejs可以将它理解成three + js,three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D。
相对于Flash,Flex,Silverlight等富客户端技术,WebGL之ThreeJS:通过OpenGL ES 2.0,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。这是未来的网游趋势,如果你想做可视化动画三维企业应用,又不想用复杂的C++程序,那么 Three.js 将会是你最好的选择。
本课程主要的功效就是让你学习完本教程后,能够写出在浏览器上流畅运行的3D程序,包括但不限于:大数据可视化,360度全景展示,3D游戏,完成这些事情,会比c++用更少的代码。而且更容易,更酷。 在本课程中,我们将由浅入深的讲解这些效果的实现,这能让你迅速提高开发技能,在职场中处于不败之地。课程共十三章,大大小小贯穿了近10个案例,只要你具备基础的HTML和JavaScript基础即可学习。
能够利用ThreeJS快速实现游戏场景搭建
能够利用ThreeJS编写大数据可视化效果展示
能够利用ThreeJS实现360度全景可视化展示
学习图形学的大学生;
游戏开发者;
Webgl、threejs爱好者;
已工作的工程师;
想要更炫效果的前端开发者;
从事数据可视化工作者
ch01_课程概述
ch02_编写第一个 ThreeJS 应用
ch03_3D 世界的密秘 – Three.js中的点、线、面
ch04_相机 camera 的 up、lookat、position 几个向量之间的关系
ch05_如何让ThreeJS场景中的物体动起来
ch06_正交投影相机与透视相机原理与实现
ch07_使用 Three.js 中的各种光源
ch08_Three.js 中的3D 纹理
ch09_3D 模型加载与使用
ch10_让网络模型动起来 ch11_实战Three.js中的音乐模块
ch12_实战 Three.js 中的点精灵、粒子系统
ch07_使用 Three.js 中的各种光源
ch13_实战 Three.js 360度 3D 全景展示
ch14_实战 Three.js 手枪射击游戏