Three.js(webgl) webpack+es6 geojson 3d地图项目实战视频教程

2008年开始从事C#编程工作，2013年转向Unity游戏开发领域，在谷歌市场及苹果商店陆续发布近20款游戏，独立工作室开发以中,小型游戏为主，经过后期不断学习和突破，几款游戏也曾经达到日下载量近万次的成绩。十年编程经验.个人开发涉及面广.擅长unity编程, VS2015,C#，熟悉Socket网络编程和HTTP协议，目前主攻方向为AR/VR/MR领域游戏开发

邓豪

¥26.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

视频教程-Three.js(webgl) webpack+es6 geojson 3d地图项目实战视频教程-JavaScript

学习有效期：永久观看

学习时长：467分钟

学习计划：8天

难度：中

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：邓豪

其他

讲师介绍：2008年开始从事C#编程工作，2013年转向Unity游戏开发领域，在谷歌市场及苹果商店陆续发布近20款游戏，独立工作室开发以中,小型游戏为主，经过后期不断学习和突破，几款游戏也曾经达到日下载量近万次的成绩。十年编程经验.个人开发涉及面广.擅长unity编程, VS2015,C#，熟悉Socket网络编程和HTTP协议，目前主攻方向为AR/VR/MR领域游戏开发

☛点击立即跟老师学习☚

「你将学到什么？」

three.js 是 JavaScript 编写的 WebGL 第三方库。Three.js 也是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。 Three.js 实战系列，Three.js(webgl) webpack+es6 geojson 3D 地图项目实战视频教程将制作一个基于 webpack 框架+es6 三维 3d 中国地图模型（带区间飞行线和省级中心城市光柱特效），通过实战实操，由入门到进阶，由简单至复杂，循序渐进的学习 three.js 项目开发，掌握制作 3d 场景，模型，动画，事件，特效等等，特别是 geojson 数据在 3d 模型制作的重要知识点和技巧。

「课程学习目录」

第1章：课程介绍及示例演示

1.threejs 3d地图课程介绍及示例演示

第2章：Webpack 快速入门

1.搭建 webpack 脚手架和配置 webpack.config.js 文件

2.webpack 通过 loader 处理图片格式文件

3.webpack-dev-server 启动网页和 source-Map 方便调试

4.区分模式打包,Config 配置文件细分开发和生产模式

5.通过 Babel 把 ES6 转换为 ES5 实现浏览器兼容

6.babel-polyfill 优化,闭包 plugin-transform-runtime

第3章：Three.js 3d 地图案例讲解

1.导入 threejs 库及 threejs 常用的插件

2.通过简单示例实现 threejs 场景 3D 动画

3.面向对象编程实现 3D 场景中辅助坐标

4.通过 jquery 和 axios 在界面中引入 geojson 数据

5.geoJson 讲解及点线面等在线效果演示

6.墨卡托坐标介绍和经纬度转换三维坐标方法实现

7.对原始数据处理获取经纬度数据再转换成三维坐标

8.用 geoJson 数据在 3d 场景中绘制简单多边形

9.用 geoJson 数据在 3d 场景中绘制多多边形

10.用geoJson数据在3d场景中绘制多线条

11.用 geoJson 数据在场景中绘制中国地图

12.绘制长沙地图及为多边形边框加线条

13.光线投射 Raycaster 鼠标点击地图中某个区域时改变该区域的颜色

14.地图区域内中心点生成光柱特效 1

15.地图区域内中心点生成光柱特效 2

16.地图区域内中心点生成光柱特效 3

17.地图模型角度调整和光柱底盘绘制

18.三维二次贝塞尔曲线 QuadraticBezierCurve3 绘制地图飞行线

「7项超值权益，保障学习质量」

大咖讲解

技术专家系统讲解传授编程思路与实战。

答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

「什么样的技术人适合学习？」

想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
掌握开发、编程技术单一、冷门，迫切希望能够转型的你
想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

「悉心打造精品好课，8天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握JavaScript知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

「你可以收获什么？」

three.js项目

geojson数据生成3d地图

webpack项目搭建

Es6

订阅课程开始学习