前言
最近在分享这个《React 优化技巧在 Web 版光线追踪里的应用》系列文章的时候,@张林童鞋留言推荐了Three.js。刚好最近有这本《Three.js开发指南:基于WebGL和HTML5在网页上渲染3D图形和动画》,有兴趣的童鞋,可以关注
图书介绍从这开始~~
@Jos Dirksen,软件工程师和架构师,现为荷兰一家大型金融机构的咨询顾问,在后台技术(如Java和Scala)和前端开发(如HTML5、CSS和JavaScript)等技术领域有丰富的从业经验。除了对前端的JavaScript和HTML5等技术充满兴趣,Jos也喜欢研究使用REST和传统的网络服务技术开发后台服务。
现代浏览器都支持WebGL,这样不必使用Flash、Java等插件就能在浏览器中创建三维图形。然而,直接使用WebGL在浏览器中创建三维图形和动画也非常繁琐,它所提供的各种接口尽管非常丰富且强大,但对于用户来说未免过于复杂了。
Three.js的出现则完美地帮助人们解决了这个矛盾。Three.js将WebGL的强大功能融汇其中,同时又非常易于使用,即便用户对其中的原理不甚了解,也能借助Three.js创建出绚丽多姿的三维场景和动画。
本书先从基本概念和Three.js的基本模块讲起,然后伴随着大量的示例和代码,逐步扩展到更多的主题,循序渐进地讲解Three.js的各种功能,帮助你充分利用WebGL和现代浏览器的潜能,直接在浏览器中创建动态的华丽场景。
通过阅读本书,你将学会:
使用Three.js提供的各种材质并了解它们如何与3D模型和场景相互作用
通过Three.js提供的各种摄像机控制功能,在三维场景中轻松导航
通过直接操作顶点实现雨、雪以及宇宙星系效果
导入OBJ、STL、COLLADA等外部格式的模型和创建动画效果
创建和运行基于形态和框架的动画
在材质上应用高级纹理(凹凸贴图、法向贴图、高光贴图和光照贴图),创建逼真的三维图形
使用Physijs这个JavaScript库,实现三维物体的物理效果
创建自定义顶点和片段着色器,实现与WebGL的直接交互
有兴趣了解的童鞋,可以通过下方的二维码或左下角原文阅读了解
其他图书推荐