three.js

彼此不想说话106247

Vue + Three.js 实战：从零搭一座可交互 3D 世界（一）——世界由哪些零件构成本系列用 Vue 3 + Three.js 搭一座能转、能亮的小城。这一篇只认零件、把空世界跑起来。天空、昼夜、城市模型放到（一下）再装。

为什么你的Three.js物体总是乱转？一文彻底搞懂“万向锁”与四元数作为一个3D开发者，你大概率遇到过这样的诡异场景：明明只想让相机水平环绕物体，拉高俯仰角到90°时，鼠标一动，画面却突然疯狂“翻滚”；或者做动画插值时，模型不按最短路径旋转，非要“抽风”式地绕个大圈。

R3F 第一人称漫游与碰撞检测：Pointer Lock + 不穿墙的滑墙秘诀（中）迷宫生成出来了，但现在它是"死的"——你只能站在起点干瞪眼。这一篇讲怎么让人真正走进去：鼠标转视角、WASD 移动、撞墙不穿、贴着墙还能顺滑滑行。

xiaominlaopodaren

three.js地图视口瓦片（二）：如何形成完整视口多边形屏幕角点射线给出 r(t)=o+t dr(t)=o+t\,d r(t)=o+td。对于普通二维瓦片源，本书按零高程教学平面 Y=0 求交，把四个命中点转换为 normalized Mercator，得到 cover 的唯一地面输入。

我用 R3F 手搓了一个能走进去的 3D 迷宫简历（上）：从选型架构到迷宫生成算法把简历做成"能走的迷宫"是什么体验？HR 点进来，WASD 一通乱窜，走到一个发光的光柱前——唰，一段职业经历弹出来。走完全程，你的履历就看完了。

基于 Python 机器学习与 PyQt5 桌面框架开发的可视化分析系统——基于大数据的网上购物消费行为分析可视化大屏基于 Python 机器学习与 PyQt5 桌面框架开发的可视化分析系统。面向网上购物消费行为数据，提供多源数据接入、例样场景、行为分类建模、Three.js 并排展台式 3D 展示、ECharts 多维图表、日志/参数/用户管理、样式与配置自定义等完整能力。

xiaominlaopodaren

three.js地图视口瓦片（一）：屏幕角点射线视口 cover 的第一个问题不是“中心点在哪个瓦片”，而是“整块屏幕看见了哪片地面”。屏幕是二维矩形，地图地面是三维场景中的平面；连接二者的工具是一组从相机出发、穿过屏幕角点的射线。

xiaominlaopodaren

three.js最小地图运行时(十)：接入离线逻辑瓦片剖面本教程完成第二篇的最小平面地图。你会把固定的逻辑瓦片剖面接入 Stage 02，用它约束 7×7 调试邻域，并在浏览器中证明整个阶段不依赖远端地图数据。

xiaominlaopodaren

three.js最小地图运行时(九):TileKey 线框与 cursor 坐标探针本教程在空地图运行时中加入调试网格。完成后，你可以拖动、缩放、旋转和倾斜地图，并观察：本节只绘制本地诊断对象，不连接任何网络数据源。

像我这样帅的人丶你还

🚀苹果的液态玻璃咋做？🚀先看看现有方案。大佬实现的：github.com/iyinchao/li… 效果非常牛逼，但是目前只能渲染图片对于html却无能为力。

茶树 NeRF（Neural Radiance Fields，神经辐射场）三维重建与数据分析可视化系统——基于神经辐射场的茶树三维重建方法实现可视化大屏茶树 NeRF（Neural Radiance Fields，神经辐射场）三维重建与数据分析可视化系统。支持从茶树图片生成三维点云模型、交互式 Three.js 展示、ECharts 多维数据分析，以及日志与参数配置管理。

xiaominlaopodaren

three.js最小地图运行时(八): 瓦片调试网格到目前为止，地图可以平移、缩放、旋转和倾斜，但场景还是空的。直接进入 MVT 下载与解码会把网络、Protobuf、样式、几何和相机问题叠在一起。更好的下一步是只画瓦片边界。

用户59440410356

Three.js 实战：从零构建智慧城市 3D 可视化大屏，附完整交互式代码在数据可视化领域，3D 可视化大屏凭借其直观、震撼、信息承载量大的优势，已成为智慧城市、工业互联网、数字孪生等场景的标配。Three.js 作为 Web 端最成熟的 3D 引擎，凭借其丰富的 API 和庞大的生态，成为前端可视化工程师的必备技能。本文将带你从零搭建一个包含动态建筑、光柱、飞线、旋转扫描、数据面板联动的智慧城市 3D 大屏，全部代码（HTML + CSS + JavaScript）超过 2000 字符，涵盖场景构建、几何体生成、动画循环、鼠标交互、ECharts 数据面板集成等全流程。

爱喝麻油的小哆

🐾 Day 5｜桌面数字人-接入llm可以对话啦先唠两句背景。我在做一个叫 dg-man（桌面数字人）的小软件，本质上是一只趴在电脑桌面的 3D 虚拟桌宠 🐾。

xiaominlaopodaren

three.js最小地图运行时(七): MapRuntime 与地图交互本教程把前两节的 ViewState 和 PlanarTransform 连接成一个可运行的 Three.js 地图内核。完成后你会得到：

xiaominlaopodaren

three.js最小地图运行时(六): 地图运行时ViewState 已经回答“地图想看哪里”，PlanarTransform 已经回答“这一视图对应什么相机和矩阵”。还缺一层运行时把状态提交、场景更新与浏览器帧调度组织起来。

一条提示词让 Codex 生成可玩的 3D 武侠 MMORPG：Vibe Coding 原型实践今天看到一个有趣的实验，只给一组参考图和一条完整提示词，Claude Fable 就做出了一个可玩的浏览器 3D 游戏。虽然玩法比较简单，但是作为用于快速验证的游戏 demo 来说，已经足够了，作者也试了下 Codex，说效果更惊艳，我就在想自己试试。

独立开发之道

【three.js教程】安装指南：从零搭建你的第一个 3D Web 项目原文出处：Three.js Manual – Installation本文基于 three.js 官方手册的 Installation 章节整理而成，用更通俗的语言带你走完从建项目到部署上线的全流程。

xiaominlaopodaren

three.js最小地图运行时(一):视图状态地图相机看起来只是一个 Three.js PerspectiveCamera，但相机对象不适合作为地图状态。它保存矩阵、四元数、父子关系和内部脏标记；交互、resize 或动画如果各自直接修改它，运行时就无法回答“这一帧究竟对应哪一个地图视图”。

xiaominlaopodaren

three.js地图数学基础(八):浮点精度JavaScript 在 CPU 上用 IEEE 754 Float64 表示普通数字；WebGL 顶点属性、缓冲和许多 shader 运算通常使用 Float32。把一个巨大绝对世界坐标直接转换为 Float32 时，低位会被舍去。相机移动后，顶点之间本应稳定的细小差异可能跨过不同舍入边界，于是道路边缘抖动、相邻瓦片开裂、建筑贴面闪烁。