简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…

最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择，结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图来建模。 我在网上找到一张自己喜欢的风格的建筑图做参考，明确自己大概要实现的效果，但结果不一定要一模一样。…

使用threejs实现的场景的创建，模型加载，移动，碰撞检测 为了让大家更容易看明白，这篇文章尽量更多的文字说明 上篇文章地址：(教你Vue3+Vite+threejs 创建3D场景，实现移动跳跃碰撞

使用threejs实现场景的创建，模型加载，移动，碰撞检测 效果：官网示例效果 第一步：初始场景的建立（一些基础的代码，没有多余的解释） 到这里已经可以在页面上出现3D场景 第二步：场景模型的加载 这

有朋友指出在打包工具和构建工具的环境下，对 Three.js 的引入有困惑，在此使用 vite 为例创建一个简单的项目并作说明，希望读者能在其他打包工具中得到应用

迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括