logo
分类于: 编程语言 计算机基础 互联网

简介

Three.js开发指南: Web开发技术丛书

Three.js开发指南: Web开发技术丛书 8.5分

资源最后更新于 2020-03-29 02:47:02

作者:〔美〕德克森(Jos Dirksen)

译者:李鹏程

出版社:出版社机械工业出版社

出版日期:2015-03

ISBN:9787111488323

文件格式: pdf

标签: 指南 程序设计 Web开发技术丛书 Java语言

简介· · · · · ·

Three.js库提供了大量功能和API,你可以通过它们直接在浏览器中创建三维场景。本书提供了大量的交互式示例和代码,从中你可以学习到Three.js提供的所有API。作者:德克森(Jos Dirksen),资深软件工程师和架构师,现任职于Malmberg公司,在后台技术(如Java和Scala)和前端开发(如HTML5、CSS和JavaScript)等技术领域有丰富的从业经验。除了对前端的JavaScript和HTML5等技术充满兴趣,Jos也喜欢研究使用REST和传统的网络服务技术开发后台服务。译者:李鹏程,SAP中国研究院软件工程师。早年他曾在AutoDesk公司从事三维设计软件的开发工作,后来因缘际会来到SAP,转行做ERP。随着云热潮的来临,传统的ERP也逐渐转向云端,因此也伴随着这股潮流学习了很多网络前端、后端方面的开发。

想要: 点击会收藏到你的 我的收藏,可以在这里查看

已收: 表示已经收藏

Tips: 注册一个用户 可以通过用户中心得到电子书更新的通知哦

目录

  1. 前言
  2. 致谢
  3. 第1章 用Three.js创建你的第一个三维场景
  4. 1.1 使用Three.js的前提条件
  5. 1.2 获取源代码
  6. 1.2.1 用Git克隆代码仓库
  7. 1.2.2 下载并解压压缩包
  8. 1.2.3 测试示例
  9. 1.3 创建HTML页面框架
  10. 1.4 渲染并展示三维对象
  11. 1.5 添加材质、灯光和阴影
  12. 1.6 用动画扩展你的首个场景
  13. 1.6.1 引入requestAnimationFrame()方法
  14. 1.6.2 转动方块
  15. 1.6.3 弹跳球
  16. 1.7 使用dat.GUI库简化试验
  17. 1.8 使用ASCII效果
  18. 1.9 总结
  19. 第2章 使用构建Three.js场景的基本组件
  20. 2.1 创建场景
  21. 2.1.1 场景的基本功能
  22. 2.1.2 在场景中添加雾化效果
  23. 2.1.3 使用材质覆盖属性
  24. 2.2 使用几何和网格对象
  25. 2.2.1 几何对象的属性和函数
  26. 2.2.2 网格对象的函数和属性
  27. 2.3 选择合适的相机
  28. 2.3.1 正投影相机和透视相机
  29. 2.3.2 让相机在指定点上聚焦
  30. 2.4 总结
  31. 第3章 使用Three.js里的各种光源
  32. 3.1 探索Three.js库提供的光源
  33. 3.2 学习基础光源
  34. 3.2.1 AmbientLight——影响整个场景的光源
  35. 3.2.2 PointLight——照射所有方向的光源
  36. 3.2.3 SpotLight——具有锥形效果的光源
  37. 3.2.4 DirectinalLight——模拟远处类似太阳的光源
  38. 3.2.5 使用特殊光源生成高级光照效果
  39. 3.3 总结
  40. 第4章 使用Three.js的材质
  41. 4.1 理解共有属性
  42. 4.1.1 基础属性
  43. 4.1.2 融合属性
  44. 4.1.3 高级属性
  45. 4.2 从简单的网格材质(基础、深度和面)开始
  46. 4.2.1 简单表面的MeshBasicMaterial
  47. 4.2.2 基于深度着色的MeshDepthMaterial
  48. 4.2.3 联合材质
  49. 4.2.4 计算法向颜色的MeshNormalMaterial
  50. 4.2.5 为每个面指定材质的MeshFaceMaterial
  51. 4.3 学习高级材质
  52. 4.3.1 用于暗淡、不光亮表面的MeshLambertMaterial
  53. 4.3.2 用于光亮表面的MeshPhongMaterial
  54. 4.3.3 用ShaderMaterial创建自己的着色器
  55. 4.4 线段几何体的材质
  56. 4.4.1 LineBasicMaterial
  57. 4.4.2 LineDashedMaterial
  58. 4.5 总结
  59. 第5章 学习使用几何体
  60. 5.1 Three.js提供的基础几何体
  61. 5.1.1 二维几何体
  62. 5.1.2 三维几何体
  63. 5.2 总结
  64. 第6章 使用高级几何体和二元操作
  65. 6.1 ConvexGeometry
  66. 6.2 LatheGeometry
  67. 6.3 通过拉伸创建几何体
  68. 6.3.1 ExtrudeGeometry
  69. 6.3.2 TubeGeometry
  70. 6.3.3 从SVG拉伸
  71. 6.3.4 ParametricGeometry
  72. 6.4 创建三维文本
  73. 6.4.1 渲染文本
  74. 6.4.2 添加自定义字体
  75. 6.5 使用二元操作组合网格
  76. 6.5.1 subtract函数
  77. 6.5.2 intersect函数
  78. 6.5.3 union函数
  79. 6.6 总结
  80. 第7章 粒子和粒子系统
  81. 7.1 理解粒子
  82. 7.2 粒子、粒子系统和BasicParticleMaterial
  83. 7.3 使用HTML5画布格式化粒子
  84. 7.3.1 在CanvasRenderer类里使用HTML5画布
  85. 7.3.2 在WebGLRenderer中使用HTML5画布
  86. 7.4 使用纹理格式化粒子
  87. 7.5 从高级几何体中创建粒子系统
  88. 7.6 总结
  89. 第8章 创建、加载高级网格和几何体
  90. 8.1 几何体组合和合并
  91. 8.1.1 对象组合
  92. 8.1.2 将多个网格合并成一个网格
  93. 8.2 从外部资源中加载几何体
  94. 8.3 以Three.js的JSON格式保存和加载
  95. 8.3.1 保存和加载几何体
  96. 8.3.2 保存和加载场景
  97. 8.4 使用Blender
  98. 8.4.1 在Blender中安装Three.js导出器
  99. 8.4.2 在Blender里加载和导出模型
  100. 8.5 导入三维格式文件
  101. 8.5.1 OBJ和MTL格式
  102. 8.5.2 加载Collada模型
  103. 8.5.3 加载STL、CTM和VTK模型
  104. 8.5.4 展示蛋白质数据银行中的蛋白质
  105. 8.5.5 从PLY模型中创建粒子系统
  106. 8.6 总结
  107. 第9章 创建动画和移动相机
  108. 9.1 基础动画
  109. 9.1.1 简单动画
  110. 9.1.2 选择对象
  111. 9.1.3 用Tween.js做动画
  112. 9.2 使用相机
  113. 9.2.1 轨迹球控件
  114. 9.2.2 飞行控件
  115. 9.2.3 翻滚控件
  116. 9.2.4 第一人称控件
  117. 9.2.5 轨道控件
  118. 9.2.6 路径控件
  119. 9.3 变形动画和骨骼动画
  120. 9.3.1 用变形目标制作动画
  121. 9.3.2 用骨骼和蒙皮制作动画
  122. 9.4 使用外部模型创建动画
  123. 9.4.1 用Blender创建骨骼动画
  124. 9.4.2 从Collada模型中加载动画
  125. 9.4.3 从雷神之锤模型中加载动画
  126. 9.5 总结
  127. 第10章 加载和使用纹理
  128. 10.1 在材质中使用纹理
  129. 10.1.1 加载纹理并应用到网格
  130. 10.1.2 使用凹凸贴图创建皱纹
  131. 10.1.3 使用法向贴图创建更加细致的凹凸和皱纹
  132. 10.1.4 使用光照贴图创建假阴影
  133. 10.1.5 用环境贴图创建虚假的反光效果
  134. 10.1.6 高光贴图
  135. 10.2 纹理的高级用途
  136. 10.2.1 定制UV映射
  137. 10.2.2 重复映射
  138. 10.2.3 在画布上绘制图案并作为纹理
  139. 10.3 总结
  140. 第11章 定制着色器和渲染后期处理
  141. 11.1 设置后期处理
  142. 11.1.1 创建EffectComposer对象
  143. 11.2 后期处理通道
  144. 11.2.1 简单后期处理通道
  145. 11.2.2 使用掩膜的高级效果组合器
  146. 11.2.3 用ShaderPass定制效果
  147. 11.3 创建自定义的后期处理着色器
  148. 11.3.1 定制灰度图着色器
  149. 11.3.2 定制位着色器
  150. 11.4 总结
  151. 第12章 用Physijs在场景中添加物理效果
  152. 12.1 创建可用Physijs的基本Three.js场景
  153. 12.2 材质属性
  154. 12.3 基础图形
  155. 12.4 使用约束限制对象移动
  156. 12.4.1 用PointConstraint限制两点间的移动
  157. 12.4.2 用HingeConstraint创建类似门的约束
  158. 12.4.3 用SliderConstraint将移动限制到一个轴
  159. 12.4.4 用ConeTwistConstraint创建类似球销的约束
  160. 12.4.5 用DOFConstraint实现细节的控制
  161. 12.5 总结