文章目錄

• three.js創建地球
• • 1、基本場景搭建
  • 2、添加地球
  • 3、添加軌道控制器
  • 4、添加云層
  • 5、添加大氣層
  • 6、添加星空背景
  • 7、添加輝光效果
  • 8、添加軌道衛星
  • 9、TS重構
  • 10、打包發布

three.js創建地球

本教程采用three.js創建一個地球帶包含材質貼圖，凹凸/高光貼圖，以及大氣層、輝光、云層、軌道衛星、星空等效果。涉及到的知識點有：

three.js基本場景

紋理貼圖

軌道控制器

ShaderMaterial

ShapeGeometry

粒子系統

后期通道ShaderPass

node.js

TypeScript

babel+webpack

為了復習所學的知識，所以盡我可能多的用到不同的知識點。先通過常規開發方式完成整個工程的開發，最后再用TS重構一下，然后打包發布。

1、基本場景搭建

2、添加地球

3、添加軌道控制器

4、添加云層

5、添加大氣層

6、添加星空背景

7、添加輝光效果

8、添加軌道衛星

9、TS重構

10、打包發布

-------更新中------

總結

以上是生活随笔為你收集整理的three.js创建地球带大气层、辉光、云层、凹凸、高光的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。