Three.js前端三维图形开发案例集锦 pdf下载

问题描述+解决方案+真实源码+效果截图，278个实例，提供完整源代码，边看边做边学

　　《Three.js前端三维图形开发案例集锦》以“问题描述十解决方案”的模式，使用二百多个实例介绍了Scene、Renderer、Camera、Geometry、Mesh、Light、Material、EffectComposer等Three.js封装的三维图形对象的具体应用，如绘制正交照相机，绘制透视照相机，浏览全景图，播放全景视频，创建天空盒，绘制沙漏，绘制被切割的圆柱体，绘制旋转的地球模型，绘制克莱因瓶，绘制莫比乌斯环，创建普通贴图、环境贴图、移位贴图、高光贴图、光照贴图，创建辉光特效、漂白特效、拖尾特效，检测图形边缘，添加轮廓边线，加载各种外部模型并播放模型动画等。
　　《Three.js前端三维图形开发案例集锦》适合作为广大Web前端及三维图形开发人员的案头参考书，无论对于编程初学者，还是编程高手，《Three.js前端三维图形开发案例集锦》都极具参考价值。

罗帅，自由职业者，深耕前端开发领域多年，积累了大量的开发经验和实战案例库，著有多部网页前端开发+AM2:AM3和移动开发的技术图书，曾经在清华大学出版社出版《Android炫酷应用300例.实战篇》《Android炫酷应用300例.提升篇》《Bootstrap+Vue.js前端开发超实用代码集锦》《Android App开发超实用代码集锦——jQuery Mobile+OpenCV+OpenGL》等。

第1章 场景
001 在场景中自定义光源绘制立方体
002 使用正交照相机绘制多个立方体
003 使用Camera Helper绘制正交照相机
004 使用透视照相机绘制多个立方体
005 使用Camera Helper绘制透视照相机
006 使用透视照相机滚动浏览全景图
007 使用鼠标拖曳功能查看并缩放全景图
008 使用鼠标拖曳功能播放全景视频
009 在场景中添加粒子实现星空背景
010 使用六幅图像的天空盒设置背景
011 使用一个图像文件创建天空盒
012 使用Transform Controls平移对象
013 使用Transform Controls拉伸对象
014 使用Transform Controls旋转对象
015 使用Drag Controls任意拖曳对象
016 使用Orbit Controls任意缩放对象
017 使用Orbit Controls旋转照相机
018 在多个对象中使用鼠标选择对象
019 在鼠标单击对象时改变对象颜色
020 使用线性雾设置场景的雾化效果
021 使用线性雾渲染场景的多个对象
022 使用指数雾设置场景的雾化效果
023 在场景中使用Arrow Helper绘制箭头
024 在场景中使用Axes Helper绘制坐标轴
025 使用CSS3D Renderer渲染全景图
026 使用CSS3D Renderer渲染三维对象
027 使用SVG Renderer渲染线条宽度
028 使用多个渲染器渲染相同的场景
029 在场景中统一设置所有对象的材质
030 在场景中统一调整所有对象的亮度
031 使用JSON格式保存和加载网格对象
032 使用JSON格式保存和加载整个场景

第2章 几何体
033 使用图像设置立方体的各个表面
034 使用多个图像设置立方体的表面
035 使用多种颜色设置立方体的表面
036 使用视频设置立方体的各个表面
037 使用颜色和视频设置立方体表面
038 使用画布贴图设置立方体的表面
039 使用画布动画设置立方体的表面
040 使用天空盒背景设置立方体表面
041 根据索引设置立方体face的材质
042 隐藏或显示立方体的指定表面
043 在场景中根据透明度绘制立方体
044 在场景中绘制圆角化的立方体
045 在场景中绘制居中显示的魔方
046 在场景中围绕坐标轴旋转立方体
047 在场景中根据名称旋转立方体
048 在场景中绘制普通的圆柱体
049 在场景中绘制被切割的圆柱体
050 在场景中根据圆柱体绘制圆台
051 在场景中根据圆柱体绘制沙漏
052 在场景中绘制旋转的圆柱体
053 在场景中实现动态缩放圆柱体
054 在场景中绘制普通的圆锥体
055 在场景中绘制被切割的圆锥体
056 在经度方向上根据弧度绘制球体
057 在纬度方向上根据弧度绘制球体
058 在经纬度方向上根据弧度绘制球体
059 在场景中以嵌套方式绘制多个球体
060 在场景中同时绘制球体和圆柱体
061 在场景中绘制持续旋转的球体
062 在场景中绘制旋转的地球模型
063 在场景中实现小球围绕大球旋转的效果
064 在场景中围绕隐藏的中心旋转球体
065 在场景中实现沿着轨道旋转球体的效果
066 在场景中为球体添加弹跳动画
067 在场景中绘制整周样条曲线图形
068 在场景中绘制半周样条曲线图形
069 在场景中绘制样条曲线及其图形
070 在场景中绘制样条曲线的线框盒
071 在场景中绘制旋转的圆环面
……

第3章 光源
第4章 材质
第5章 后期特效
第6章 外部模型

　　WebGL是一种三维绘图标准，该绘图标准允许把JavaScript和OpenGLES2.0结合在一起，这样Web开发人员就可以借助硬件在浏览器中更流畅地展示三维场景和模型，以创建复杂的导航和数据视觉化。Three.js是一款基于原生WebGL的三维引擎框架（库），该框架在WebGL的API基础上以简单、直观的方式封装了三维图形的常用对象，因此大大减少了程序员在Web前端开发三维图形应用的工作量，Three.js还使用了很多图形引擎的高级技巧，极大地提高了应用性能。
　　随着WebGL技术和5G技术的持续推广，各种产品的在线三维展示将会变得越来越普遍，对于现在比较火爆的VR产品、AR产品，对WebGL技术的推广，也是一个好消息。VR与Web3D技术的结合自然就衍生出一个新的概念WebVR，也就是基于Web实现的VR内容，即通过三维照相机对室内空间进行拍摄，即可在Web端以全景图的方式预览室内效果。Three.js对此也进行了封装。本书使用二百多个独立实例分类介绍了Three.js创建三维图形的技巧。
　　本书共分为6章。
　　第1章主要介绍与Scene、Renderer、Camera、OrbitControls相关的实例，如绘制正交照相机、透视照相机，使用CSS3DRenderer渲染全景图、播放全景视频、创建天空盒，使用多个渲染器渲染场景，使用OrbitControls任意缩放、旋转、平移三维图形对象，使用DragControls任意拖曳三维图形对象等。
　　第2章主要介绍与Geometry、Mesh相关的实例，如使用各种颜色和视频设置立方体表面、使用天空盒背景设置立方体表面、绘制沙漏、绘制被切割的圆柱体、绘制旋转的地球模型、绘制样条曲线及其图形、绘制样条曲线的线框盒、绘制多次旋转的圆环结、自定义顶点绘制凸面体、根据路径拉伸圆角矩形、自定义函数绘制克莱因瓶、自定义函数绘制莫比乌斯环、自定义函数绘制动态起伏的波浪，使用精简的自定义字库绘制汉字、根据汉字实现汉字镜像等。