three.js

有了大屏设计稿还不够，我又用 gpt-image-2把里面的素材扒了出来上次写完用 AI 生成可视化大屏设计稿之后，评论区有人问：生成的图很好看，但怎么用？这个问题我知道大体思路——设计稿是整张图，得拆成一个个素材才能真正用起来。图标归图标，底板归底板，分开导出才能往代码里塞。

用户7893773390853

Vue3 + Three.js 仓储数字孪生：按需渲染架构与五大核心功能复盘在重构企业级 3D 仓储数字孪生项目的过程中，我摒弃了原项目过度封装的插件机制，转而采用 Vue 3 Composition API 结合 Three.js 原生 API 进行开发。

Three.js VR 模拟器（Immersive Web Emulator）踩坑全记录：从报错到可用，避坑指南一次性奉上最近在学习 Three.js VR 开发，本想通过 WebXR 模拟器快速调试场景，结果从安装到使用，踩了一个又一个坑——模拟器加载失败、点击 VR 按钮无反应、拖动头显视角不动、控制台报错不断，折腾一下午差点放弃。

THREE.JS实现一个魔法镜子！最近依然在学习THREE.JS发现了一个比较有意思的方法renderTarget，借助这个方法我们能实现很多有意思的效果

郝学胜-神的一滴

[简化版 Games 101] 计算机图形学 05：二维变换下[简化版 Games 101] 计算机图形学 05：二维变换下在计算机图形学、计算机视觉乃至几何运算的世界里，平移、旋转、缩放是我们处理空间坐标最基础的操作🎯。可你是否曾疑惑，为何简单的二维线性变换，却偏偏容不下平移操作？为何同样是二维的坐标，点和向量的表示要被区别对待？答案，就藏在齐次坐标这一精妙的数学设计里。它以“增一维”的微小代价，实现了所有几何仿射变换的矩阵化统一，让看似零散的空间操作，变成了规整的矩阵乘法运算，堪称几何变换领域的“化繁为简”神器💫。今天，我们就一起解锁齐次坐标的奥秘，读懂它如

Three.js 场景性能优化实战：首屏、帧率与内存的工程化治理在我之前的 Three.js 实战文章里，我们已经把“模型能加载”这个问题跑通了。真正上线后，难点往往不在功能，而在稳定性：首屏慢、偶发卡顿、内存持续上涨。

Three.js 模型加载稳定性实战：从资源失败到可用发布的工程化方案很多 Three.js 项目并不是卡在渲染性能，而是卡在“模型加载不稳定”：本地正常、线上 404、跨域报错、贴图丢失、首屏白屏。本文用 Vue3 + Vite + Three.js 搭建一个可运行示例，完整演示 glTF 资源组织、加载流程、错误兜底、进度反馈与发布前自检。你可以直接把这套流程迁移到业务项目，降低线上故障率与排查成本。

Three.js 材质完全入门指南：让你的 3D 物体「活」起来简单来说，材质定义了物体表面的视觉属性——颜色、光泽度、透明度、对光的反应方式等等。在 Three.js 中，材质是 Material 类的实例，它和几何体（Geometry）一起构成了网格（Mesh）：

三维搬砖者

AI 解密大厂 Three.js 三维引擎开发 03｜从经纬度到三维世界的坐标解码“一切3D图形的壮美，如果不落于地理坐标系上，终究只是漂浮在虚空之中。”在三维可视化开发中，我们常常面临一个根本性的问题：Three.js 默认的笛卡尔坐标系（原点在 (0,0,0)）对“北京天安门”或“纽约自由女神”一无所知。而真实世界的数据——无论是 GPS 轨迹、建筑轮廓还是城市三维模型——都以经纬度来定义位置。

一马平川的大草原

基于Vue+Three.js实现三维油藏模型解析与可视化交互切割操作最近为了实现油藏模型的解析与三维可视化操作，对three.js和eclipse绘制的三维油藏模型格式解析进行了研究，实现了三维油藏模型可视化及简单交互操作。主要实现了三维油藏模型构建、解析加载和三维可视化交互，并根据油藏属性（如孔隙度PORO）等进行层位显示，同时支持按照X/Y/Z轴切割显示，以及任意多边形、任意点的切割显示，具体如下，供大家参考。

three 实现简单机械臂逆运动很久没写博客了。原来那种事无巨细地铺开技术细节的写法，现在看性价比已经不高了，如何有结构地和 AI 协作反而更重要。这篇就从个人视角回顾一个具体案例。

程序员阿峰

前端3D·Three.js一学就会系列：第二画线各位前端伙伴们，大家好，我是阿峰。最近开始入坑前端3D建站，跟大家一起慢慢深入three.js做网站3D。

程序员阿峰

前端3D·Three.js一学就会系列：第一个3D网站各位前端伙伴们，大家好，我是阿峰。最近开始入坑前端3D建站，跟大家一起慢慢深入three.js做网站3D。

Three.js 场景完全入门指南：让你的 3D 场景不在乱成一团场景图 = 你 3D 世界里的「家族族谱」。你在 Three.js 里创建的每一个物体——立方体、球体、灯光、相机——它们不是孤立存在的，而是像家族成员一样，有爸爸、有儿子、有孙子，形成一个树状的层级结构。

前端下午茶：这 3 个网页特效建议收藏（送源码）“写代码累了？不如换个视角，看看浏览器里的 3D 艺术。以下都是我做的网页，其中两个送源码哦！”在线地址

用 three.js 实现 3D 地图之前写过一篇文章介绍了使用ECharts GL实现立体地图 => 用 ECharts GL 把地图「立」起来，那如果ECharts GL满足不了需求，就可以考虑使用Three.js啦。

我的Three.js3D场景编辑器免费开源啦🎉🎉🎉哈喽各位佬，这里话不多说主要是给大家简单分享一下我的另一个开源项目 (ThreeFlow)，也是一个基于Three.js开发的3D编辑器类型的项目，如果你正在学习Three.js或者想使用Three.js开发一个企业级的项目那么非常推荐你去学习研究一下这个项目。

一拳不是超人

Three.js一起学-如何通过官方例子高效学习 Three.js？手把手带你“抄”出一个3D动画在之前的文章中有说过，我认为学习three.js最好的方法就是通过官网的例子去学习，在实践中练习。因为Three.js中api很多，没有系统的学习文档，因此我觉得通过例子去学习，使用到某个概念或者api在深入学习它，这是一个不错的学习方式。那么具体如何学习呢？

金三银四，一个面试官连连夸赞的个人网页技术分享不知道大家有没有同样的感觉：今年的 “金三银四”，似乎没有想象中那么热闹。尤其是前端岗位，不少公司都在收缩，机会明显少了很多。