課程大綱： Three.js(webgl threejs)webpack+es6培訓
第1章 課程介紹及示例演示
1 threejs 3d地圖課程介紹及示例演示
第2章 Webpack 快速入門
2 搭建 webpack 腳手架和配置 webpack.configjs 文件
3 webpack 通過 loader 處理圖片格式文件
4 webpack-dev-server 啟動網頁和 source-Map 調試程序
5 區分模式打包,Config配置文件細分開發和生產模式
6 通過 Babel 把 ES6 轉換為 ES5 實現瀏覽器兼容
7 babel-polyfill優化,閉包 plugin-transform-runtime
第3章 Three.js 3d 地圖案例講解
8 導入 threejs 庫及 threejs 常用的插件
9 通過簡單示例實現 threejs 場景 3D 動畫
10 面向對象編程實現 3D 場景中輔助坐標
11 通過 jquery 和 axios 在界面中引入 geojson 數據
12 geoJson 講解及點線面等在線效果演示
13 墨卡托坐標介紹和經緯度轉換三維坐標方法實現
14 對原始數據處理獲取經緯度數據再轉換成三維坐標
15 用 geoJson 數據在 3d 場景中繪制簡單多邊形
16 用 geoJson 數據在 3d 場景中繪制多多邊形
17 用geoJson數據在3d場景中繪制多線條
18 用 geoJson 數據在場景中繪制中國地圖
19 繪制長沙地圖及為多邊形邊框加線條
20 光線投射 Raycaster 鼠標點擊地圖中某個區域時改變該區域的顏色
21 地圖區域內中心點生成光柱特效 1
22 地圖區域內中心點生成光柱特效 2
23 地圖區域內中心點生成光柱特效 3
24 地圖模型角度調整和光柱底盤繪制
25 三維二次貝塞爾曲線 QuadraticBezierCurve3 繪制地圖飛行線
加入高級會員獲得助教答疑
