three.js

三维搬砖者

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在深入学习它，这是一个不错的学习方式。那么具体如何学习呢？

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

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

用 Three.js 写了一个《我的世界》，结果老外差点给我众筹做游戏？注意看，这个男人叫小帅，他莫名其妙地躺在你的关注列表里。“爷爷，你关注的掘友更新了！！！”距离上一次发文已经接近两个月。这段时间里，在群友们持续不断的催更下，我一边理直气壮地鸽着，一边反复安慰自己：

【Three.js 与 Shader】编写你的第一个自定义着色器，让模型拥有灵魂以前我觉得 Shader 是神仙才能看懂的东西，直到我发现它其实就是告诉 GPU“怎么画”的说明书。两年前我第一次接触 Shader，看了一篇教程，开头就是 gl_FragColor、varying、uniform 这些天书一样的词。我心想：这玩意儿是人写的吗？

2025–2026 Three.js 有哪些重要更新？Web 3D 正在进入 WebGPU 时代过去几年，Web 3D 技术一直在快速发展，而 Three.js 依然是 Web 端最主流的 3D 引擎之一。

【Three.js 粒子系统进阶】从1000到10万粒子，如何让画面既绚丽又流畅你以为粒子就是一堆小点点？不，粒子是无数个会发光的小精灵，关键是怎么让它们听你指挥，还不把电脑累趴下去年我做了一个星空效果，就是那种无数星星闪烁、偶尔有流星划过的背景。刚开始挺顺利，1000个粒子，帧率稳稳60。产品经理看了一眼：“不够震撼，再密一点。”

Three.js3D编辑器必备的相机视图插件分享一个非常实用的Three.js3D场景相机视图插件three-viewport-gizmo 一个专为 Three.js 打造的 UI 辅助组件。它在场景中生成一个交互式的“坐标轴操纵杆”（类似 Blender 或 Unity 右上角的控制器），用于指示空间方向并快速切换视角。

Three.js进阶：打造可交互的3D苏州地图，悬浮高亮与飞线动画实战在上一篇文章中，我们成功将苏州各区县的GeoJSON数据转换为了带有立体感和边缘高亮的3D地图(用 Three.js 和 D3 在 Vue 中打造 3D 苏州地图)。但一个静态的地图显然不能满足我们对交互体验的追求。今天，我们将在这个基础上进行一系列进阶优化，让地图“活”起来：

用 Three.js 和 D3 在 Vue 中打造 3D 苏州地图地理信息可视化一直是前端领域的热门话题。传统的 2D 地图已经无法满足我们对于视觉效果和交互体验的追求，而 3D 地图则可以提供更直观、更震撼的空间认知。本文将带你从零开始，在 Vue 项目中结合 Three.js 和 D3.js 的地理投影模块，将一个普通的 GeoJSON 文件转化为可交互的 3D 挤出地图，并支持旋转、缩放等操作。最终效果是一个具有立体感和边缘高亮的苏州各区地图。