Three.js开发指南中文版怎么样?首部全面讲解Three.js开发的实用指南,循序渐进讲解Three.js的各种功能,通过大量交互示例,深入探索使用开源的Three.js库创建绚丽三维图形的实用方法和技巧。
在过去的两年里,浏览器变得更加强大了,而且能够作为平台来运行复杂的应用和图形。但大部分的图形都是二维的。现在大部分的浏览器已经实现了WebGL,它们不仅可以创建二维图形和应用,还可以充分利用GPU,创建漂亮的、高性能的三维应用。
直接使用WebGL编程非常复杂。你需要了解WebGL的内部细节,学习复杂的着色器语法,才能用好WebGL。Three.js库提供了一套基于WebGL的、非常易用的JavaScript API,这样你不必学习WebGL的细节就可以创建漂亮的三维图形。
Three.js库提供了大量功能和API,你可以通过它们直接在浏览器中创建三维场景。本书提供了大量的交互式示例和代码,从中你可以学习到Three.js提供的所有API。
本书内容
第1章讲述使用Three.js库的基本步骤。到这章结束的时候,你就可以创建出第一个Three.js场景。你可以直接在浏览器中创建三维场景,并制作动画。
第2章将会讲解Three.js库使用过程中你所需要理解的基础组件。你将会学习使用光源、网格、几何体、材质和相机。通过这章你会对Three.js库提供的各种光源及场景中使用的相机有一个大体的了解。
第3章进一步讲解场景中的各种光源。该章会展示几个例子,并解释如何使用各种光源,该章所介绍的光源包括:SpotLight、DirectionLight、AmbientLight、PointLight、HemisphereLight,以及AreaLight。另外,该章还展示如何在光源中应用LensFlare效果。
第4章讨论Three.js库中可以用于网格的各种材质。这一章将会展示所有可以在材质中设置的属性,每种属性都有其特定的用途。并且这章还提供交互式的例子,通过它们你可以试验Three.js库中各种可用的材质。
第5章开始探讨Three.js库中的各种几何体。在这一章里你会学习如何创建、设置Three.js里的几何体,而且你还可以通过交互式的示例来试验,该章介绍的几何体包括:平面、圆、自定义形状、方块、球体、圆柱体、圆环、环面纽结和多面体。
第6章继续第5章未讲完的内容,展示如何设置、使用Three.js库中的高级几何体,例如凸面体和扫描体。该章将会介绍如何从二维几何体中拉出三维几何体,以及如何使用二元运算将几何体组合起来。
第7章讲解如何使用Three.js库中的粒子系统。你将会学习如何从零开始创建粒子系统,以及如何基于已有的几何体创建粒子系统。你还会学习如何使用精灵和粒子材质来改变粒子的外观。
第8章展示如何从外部源导入网格和几何体。你将会学习如何使用Three.js库的JSON格式来存储几何体和场景。这一章还解释了如何从OBJ、DAE、STL、CTM和PLY格式的文件中加载模型。
第9章探讨各种动画效果,使场景活动起来。你将会学习如何结合Tween.js库使用Three.js,以及基于变形和骨骼的动画效果。
第10章进一步展开讨论第4章引入的材质。这一章会深入讲解材质的细节。该章介绍了各种可用的材质,以及应用到网格上时如何控制材质。另外,在这一章你还会看到如何将HTML5视频的输出和HTML5画布中的元素作为纹理。
第11章探讨如何使用Three.js库来对已经渲染过的场景进行后期处理。通过后期处理,你可以对已经渲染过的场景应用某些特效,如模糊、移轴、陈旧。另外,你还会学习如何创建自定义的后期处理效果,以及创建自定义顶点和片段着色器。
第12章讲解如何在Three.js的场景中添加物理效果。有了物理效果后,你就可以检测物体之间的碰撞,使它们能够对重力产生反应,并产生摩擦。这一章将会展示如何使用JavaScript的物理库来达到上述效果。
阅读之前的准备
阅读本书你要准备的只是一个文本编辑器(例如Sublime文本编辑器),用来编辑示例,以及一个现代的浏览器,用来显示这些示例。有些示例需要一个本地的Web服务器,但是在第1章,你将会学习如何搭建一个非常轻量的Web服务器来使用本书中的示例。
在我们开始之前,先对书中示例可能出现的问题简单提一下。第1章大致介绍了一下支持WebGL的浏览器,这是运行Three.js所必需的。现在的浏览器,诸如Chrome、Firefox和Internet Explorer可以很好地支持HTML5 标准。但是仍然有一些细节要注意。当浏览器有新的版本时,它们有可能会不支持WebGL的某些特性。例如,在本书完成的时候,Windows 7上的Chrome和Firefox在运行第11章的例子时会有问题。所以在尝试这些示例时,请确保升级到最新版的Chrome和Firefox。
目录:
第1章用Three.js创建你的第一个三维场景1
第2章使用构建Three.js场景的基本组件22
第3章使用Three.js里的各种光源43
第4章使用Three.js的材质62
第5章学习使用几何体85
第6章使用高级几何体和二元操作102
第7章粒子和粒子系统123
第8章创建、加载高级网格和几何体143
第9章创建动画和移动相机166
第10章加载和使用纹理194
第11章定制着色器和渲染后期处理215
第12章用Physijs在场景中添加物理效果238