课程目录: Three.js(webgl threejs)webpack+es6培训
4401 人关注
(78637/99817)
课程大纲:

         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 绘制地图飞行线