大家好，我是前端西瓜哥。 最近有人想学习我开源的 suika 图形编辑器，问我下面的项目结构哪些文件对应什么功能，文件太多看不太懂。 那我就在这里简单展开讲讲，内容很多，建议跳着看，或者不看直接收藏了

功能概述 Minimap 是一个基于 react-three-fiber 与 @react-three/drei 的通用小地图组件。它在 HUD 层（独立于主场景）渲染一个固定尺寸的正交投影视图。

AI能力又有了许多涌现，除了最初的语言大模型，AI在生成图像和生成3D模型方面有非常大的能力提升，甚至已经可以辅助把这个立体生活的角色形象实现。在网页上展示小Z的3D形象，并控制它做出各种指定动作

手把手教你如何使用 Three.js 构建卡通乐高风可视化场景 《小鸡过马路》 学习Three.js 基础应用、3D 定制化资源获取技巧、简易 Three.js 游戏开发思路

高德地图除了导航还能做什么？本文章灵感来源于最近看的某台综艺《城市捉迷藏》和《真人猫鼠游戏》，也是最近相当火的一个大型户外交友游戏，由上帝视角制定玩家可活动区域，玩家佩戴智能设备，进行藏匿和寻找的游戏

源码 https://github.com/buglas/canvas-lesson/tree/main/03-%E9%9D%A2%E8%AF%95%E9%A2%98 学习目标 使用BVH优化选择 知

前端页面渲染上亿点云，参考potree，改进了3D的渲染流程，做到了理论上不限制量级的点云加载、渲染。

为什么要写这个系列呢? 市面上关于前端的三维渲染的入门教程层出不穷, 有偏重于数学计算原理的, 有偏向于渲染管线流程介绍的, 也有告诉你API怎么用如何快速上手的. 这系列文章期望从零开始去考虑3D渲染引擎的搭建, 从无到有一步一步去构建三维渲染必备的要素和流程, 让读者能够"…

最近对公司内部的可视化图层组件做了重大优化，解决了不少问题，涉及到多个场景的合并渲染，后期效果的叠加渲染等等，在这里总结一些经验跟大家分享。