这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战」 前言 本系列往期文章： 【vue-cesium】在vue上使用cesium开发三维地图（一） 【vue-cesium】在v

前序 由于金九银十准备到了。而且自己也有threejs的项目，但是threejs的面试知识点了解的比较少，然后就去学习了一些面试常见知识点，以备不时之需，用于记录的同时也可以通过了解这些知识点同时也能

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

通过three.js我们可以在网站中实现比较不错的3D效果，但three.js仅仅只是一个渲染库，如果想要做碰撞检测的话，通常情况会加上物理系统。

本文介绍了GPU渲染的基本流程以及three.js中着色器材质的使用方法，最后通过着色器实现了一个水波纹效果。

本文内容：介绍web着色器的基本概念，以及通过一个着色器demo来进一步理解着色器的用法和作用。着色器分为`顶点着色器（用于决定位置）`和`片元着色器（用于决定颜色）`

AR，一种让科技与现实世界融为一体的奇妙魔法，正在悄然改变我们与世界互动的方式。它让虚拟世界跃入真实生活，让数字信息与物理世界无缝衔接。

团队的项目有部分需求涉及到在城市规划和建设中数据的可视化展示，将设备、数据、城市区域等元素通过GIS形式的融合，呈现出较为吸引眼球的效果。 最近因项目需要，期望在地图上面叠加一层3D建筑模型。现有的团队技术框架是使用高德地图的GIS服务，因此需要在高德地图的基础上做文章，经过一…

🌏 实现3D地球步骤如下： 1、从官网上下载echarts.min.js、echarts-gl.min.js、d3.js文件，引入到html 页面中