three.js

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 时，低位会被舍去。相机移动后，顶点之间本应稳定的细小差异可能跨过不同舍入边界，于是道路边缘抖动、相邻瓦片开裂、建筑贴面闪烁。

xiaominlaopodaren

three.js地图数学基础(七):地图相机相机不仅决定“画面看起来怎样”，还决定当前应该选择哪些瓦片。视口瓦片技术的起点不是一个粗略中心点半径，而是：屏幕上的视锥经过逆投影后，在地图平面上覆盖了什么区域。

xiaominlaopodaren

three.js地图数学基础(六):齐次坐标与矩阵地图数据最终要经过平移、旋转、缩放、相机观察和透视投影。三维向量只有三个分量，而平移不是纯线性变换：任何 3×3 矩阵都把零向量映射回零向量，无法仅靠乘法表达“所有点都加上同一个偏移”。齐次坐标增加第四个分量 w，把仿射变换和透视投影统一到矩阵乘法中。

VibeCoding 能做到什么程度？我用它做了一座 3D 数字博物馆如果把传统博物馆搬到浏览器里，会是什么样？不是简单地把一张张文物图片放到网页上，也不是做一个传统的图文展示页面。

xiaominlaopodaren

three.js地图数学基础(四):瓦片金字塔Web Mercator 给出连续的 (x,y)，但网络、缓存和调度器不能用“无限多个点”作为工作单元。XYZ 瓦片金字塔在缩放级别 z 把单位世界均匀切成有限个正方形，并给每个正方形一个整数地址。

xiaominlaopodaren

three.js地图数学基础(三):实战墨卡托这一节把上一章的推导落实为一个可复用的浏览器 ES 模块。完成后，你将拥有后续瓦片地址、视口覆盖和渲染坐标共同依赖的四个接口：

xiaominlaopodaren

three.js地图数学基础(二):Web Mercator矢量瓦片最常见的平面坐标基础是 Web Mercator（在 GIS 行业标准中对应 EPSG:3857，历史上曾使用过 EPSG:900913、EPSG:3785 等标识）。它把经度方向线性映射，把纬度方向按正割函数逐渐拉伸，使局部角度得以保持。代价是面积和距离在高纬度严重放大，而且南北极永远无法映射到有限坐标。

其美杰布-富贵-李

第 8 篇：Three.js 材质系统本文是“使用 Three.js 构建转炉数字孪生系统”系列的第 8 篇。本篇将系统介绍 Three.js 的常用 Mesh 材质，并重点解释为什么转炉数字孪生中的设备模型通常优先使用 PBR 材质。

半天，AI 重写了我的五年前的娃娃机五年前，我一砖一瓦手写了这台 3D 娃娃机。五年后，我整理好需求，让 AI 用半天把它实现了一遍。项目地址：github.com/neciszhang/… 在线试玩：neciszhang.github.io/claw3d