最近因为有需求，不得不搞起3d这一块，说到3d，以为是学一个`threejs`就够了，结果是`blender`也要学。且看小白以前没接触过的react怎么搞3d这一块，听我娓娓道来，不疾不徐...

项目由threejs与vite开发，全部采用typescript语法开发，可迁移至自己的react、vue等项目中

需要准备的插件和包（threeJS等包省略，这个三是实现标题功能核心的包）： jszip  Docs:JSZip (stuk.github.io) jszip-utils FileSaver    

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

本文将使用three.js实现前端3D汽车路径导航。其实这是从我的一个vue项目里简化出来的功能小案例，但本文不涉及到vue框架，不需要有vue的基础也能看。核心重点在于路线生成和汽车移动效果。

有时候为了提高智驾3d场景的视觉体验，可能会提一些动画的需求，比如扩散光环、雷达波、避障警告和泊车指示等，这些其实涉及到threejs渲染循环、补间动画(tween)、场景亮度和相机等的配合

智能驾驶业务里常用web 3d来可视化地图和传感器数据、显示路径规划结果等方法协助算法调试和仿真，可以用threejs来做，毕竟在国内社区相对活跃，也比较容易上手

1. Three.js Three.js 是一款基于 WebGL 的强大 JavaScript 库，用于在 Web 浏览器中创建和呈现三维图形。它提供了基础的 3D 渲染功能，包括几何体创建、材质和光

什么是 WebGL？什么是 Three.js？请解释three.WebGL(全写Web Graphics Library)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScri...