百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

WebGL & ECharts - 【综合】三维地球

困难

人数13人在学习该课程,有3人已经完成该课程

时间平均用时0.4

课程概述

作业提交截止时间:11-30

前置课程:
WebGL No. 3 - 材质与纹理
ECharts NO.3 - 绘制地图

任务目的
  • 能够综合使用 ECharts 地图的绘制和 ThreeJS 三维场景的绘制。
任务描述
  • 用 ECharts 绘制世界地图,然后将绘制的结果作为纹理贴到 WebGL 绘制的地球上。
  • 地球能够旋转缩放查看不同国家
  • ECharts 地图更新后地球贴图也能相应的更新
  • 效果如图
  • 附加如果能够实现鼠标 hover 区域高亮的效果更好
任务注意事项
  • 展现尽量美观
  • echarts.init 可以使用 Canvas 作为容器,这个 Canvas 可以作为 WebGL 的纹理。
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~