three.js

使用three.js搭建3d隧道监测-3🚀 使用three.js搭建3d隧道监测-2这一次，我们深入探讨：交互系统设计、动画控制理论、第一人称视角数学模型，以及3D 标签架构！

三维搬砖者

06Threejs电影拍摄角度-第三章：搭建场景 - 初始化环境第三章“搭建场景 - 初始化环境”是开始实际编写Three.js代码的起点。以下是每个小节的详细教程：示例

Threejs源码系列- renderer/webgl用于检测和封装 WebGL 渲染上下文的各种能力与限制，为 three.js 的 WebGL 渲染器提供底层硬件和驱动的能力信息。

陈小峰_iefreer

使用Stone 3D快速制作第一人称视角在线小游戏首先得有个怪物模型，怪物带有idle, attack动作然后有个场景模型，把怪物（如果模型较大，建议使用remote-mesh来加载）摆放到想放的位置。

Three.js后处理UnrealBloomPass的分析(Bloom)泛光是后处理中最常用的技术之一，通过提升超过阈值部位的亮度，并模拟高亮部分向周围扩散光晕的效果，能够让整个场景更梦幻、更有真实感，极大的提升了视觉表现力。 Bloom的原理并不复杂，就是将超过阈值的高亮像素提取出来，用高斯模糊过滤后，再和原图叠加，以达到增强高亮和向周围扩散的效果。所以我认为，了解Bloom的原理非常有必要，在Three.js的开发中，对于隧道、城市、地下、夜晚等一些场景，使用Bloom可以让很大程度的提升渲染效果。恰好Three.js中有两种Bloom后处理方式，Bloo

IT码农-爱吃辣条

Three.js 初级教程大全本文档旨在为初学者提供一个全面的 Three.js 入门指南。我们将从 Three.js 的基本概念开始，逐步介绍如何创建场景、添加物体、设置材质、使用光照和相机，以及如何实现简单的动画和交互。通过本教程，你将能够掌握 Three.js 的核心知识，并为进一步学习和开发复杂的 3D 应用打下坚实的基础。

孪创启航营

数字孪生二维热力图制作，看这篇文章就够了！❝在数据爆炸时代，三维可视化赋予我们透视城市脉搏的能力。热力图通过 “数据密度→色彩强度”映射原理，将复杂数据转化为直观的视觉语言，有效支撑决策场景，例如：

【BIM+GIS】BIM数据格式解析&与数字孪生适配的关键挑战在数字孪生行业蓬勃发展的当下，数据无疑是基石。而 BIM（建筑信息模型）数据，作为建筑领域数字化转型的关键成果，正以其独特的优势和特性，深度融入到数字孪生之中。

重磅升级丨Mapmost全面兼容3DTiles 1.1，3DGS量测精度跃升至亚米级！Mapmost SDKfor WebGL 9.8.0-beta 版本正式发布！✅ 行业前沿标准适配：全面支持3DTiles 1.1，加载性能提升10%！

Threejs源码系列- WebGLRenderer （3）projectObject函数projectObject函数，作用是递归遍历场景中的 3D 对象，筛选出需要渲染的对象并将其添加到渲染列表（currentRenderList）中。

😲我写出了 Threejs 版城市天际线？！（官推转发🥳+ 源码分享🚀）各位早上、中午、晚上好！我是鸽子王何贤，距离上次更新已时隔两月，在此深表歉意。除近期本职工作较忙外，还有一些特殊原因导致鸽了这么久：

Threejs源码系列- WebGLRenderer （1）WebGLRenderer 是 three.js 中基于 WebGL 2.0 的渲染器实现，负责将 3D 场景（包含几何体、材质、灯光等）渲染到 HTML5 Canvas 元素上。这段代码主要处理渲染器的初始化配置、WebGL 上下文创建、核心属性定义及基础渲染控制方法。

Threejs源码系列- Object3Dthree.js核心类核心目标一致最终都是为了计算对象的世界矩阵（matrixWorld），该矩阵表示对象在全局坐标系中的位置、旋转和缩放的综合变换，计算公式相同：

回顾一下我的开源项目之路和Three.js 学习历程2023-2025时间过得真快啊，两年前因为一段工作经历接触到了three.js使自己产生了写一个开源项目的想法，再到今天项目有 1K+ 的 star，除了感慨时间过得太快了，同时也感慨当初的一个偶然性的选择，促使我在开源这条路上越走越远

【视觉震撼】我用Three.js让极光在网页里跳舞！极光是一种绚丽的自然发光现象，由太阳风与地球大气层中的气体分子相互作用形成。在 3D 渲染中，极光通常表现为：

three.js 实现几个好看的文本内容效果在three.js中目前作者已知创建文本的方法有四种：今天给大家分享一下如何使用 Canvas2D + THREE.CanvasTexture 的方法实现创建多个不同文本样式内容的效果

Threejs源码系列- Quaternion通过 ES6 的 Symbol.iterator 实现，使得四元数实例可以被迭代（即可用在 for...of 循环、扩展运算符等场景中）

2025年项目中是怎么初始化Three.js三维场景的Three.js 是一个强大的 JavaScript 3D 库，可以创建令人惊叹的 Web 3D 应用程序。本文将深入分析一个完整的 Three.js 场景管理类 useScene，它封装了场景初始化、模型加载、事件处理等核心功能。

PBR学习笔记与Three.js中MeshPhysicalMaterial源码阅读PBR，全称Physically Based Rendering，翻译为基于物理的渲染技术，是遵循现实世界的物理规律的渲染技术，相比于基于经验的模型，PBR在一定程度上是物理正确的，所以在真实感上更加出色。在SIGGRAPH 2012上，迪士尼提出了著名的Disney Principled BRDF之后，PBR有了统一的标准，而且这一标准简单易用，简化了PBR的制作流程，被很多三维引擎和软件使用，如Unity, Unreal、3D Studio Max等。 Three.js也提供了PBR渲染技术，那就是M

1K+star，回顾一下我的开源之路2023-2025时间过得真快啊，两年前因为一段工作经历接触到了three.js使自己产生了写一个开源项目的想法，再到今天项目有 1K+ 的 star，除了感慨时间过得太快了，同时也有很多自己内心的感受给大家分享一下。