结合网上现成素材，通过Blender进行模型加工，再使用ThreeJS渲染到浏览器的卡通人物跨栏小游戏

前言 现在很多可视化项目大屏都涉及到了三维， 所以近期学习了一些关于three.js的内容，发现three.js对于小白入门来说还是比较友好的，暂时还没有涉及到webgl相关的。下面的案例用到的都是一

demo模拟《我的世界》作为threejs实践，其中的功能（模型、灯光、阴影、后期渲染...）比较基础，基本都是由官方案例延伸而来，用于入门练习还是很合适的，总结的同时希望也能引起你学习的兴趣。

概述 2024年 的 3D WebGis 开发中，主流引擎依然是 Cesium，而 Mapbox 却依旧很少进入国内公司的视野。 时间线： 2010：mapbox 发布了他们提供的简单地图服务API

是的在失业的这一个多月里，我开发了一个基于Vue3+Typescript+Vite+Pinia+indexedDB的3D模型场景编辑器项目

threeJs的数字孪生。 社区里threeJs的基本教程很多，但是实战比较少。于是花了一些时间，根据自己在公司做的一些业务。

制作cesium或者superMap的地形数据，可以为单独某一地区单独实现地形3D效果。以真实3D地图代替3D建模，保留地图功能

之前用TextGeometry和FontLoader实现了3d文字，但能展示的内容比较有限并且观察受视角影响，解决方法是用2d的悬浮标签卡片(DOM元素)支持点击3d物体打开标签文本，并能实时跟随物体

WebGL2几乎100%兼容WebGL1，需要注意的是，这里说的几乎，也就是说，也是存在一些细微的差别的，因此原本WebGL1的代码迁移到WebGL2，应该不会有遇到太多的困难；不过WebGL2和WebGL1有两个主要的差别，请看下文。 获取WEBGL2和获取WebGL1的上下…