three.js

Three.js：Web 最重要的 3D 渲染引擎的技术综述理解赋能 Web 实时 3D 图形的抽象层、渲染管线和性能特征。现代 Web 越来越依赖丰富的视觉体验——数据可视化、模拟仿真、产品预览、生成艺术以及沉浸式 UI。虽然浏览器早已通过 Canvas 和 SVG 支持 2D 图形，但实时 3D 渲染需要一套复杂得多的 GPU 驱动操作。Three.js 已成为填补这一空白的事实标准（de facto standard）。

一颗烂土豆

🚴‍♂️ Vue3 + Three.js 实战：如何写一个“不晕车”的沉浸式骑行播放器 🎥在开发室内骑行应用时，最核心的需求是将用户的踏频/速度实时映射到全景视频的播放进度上。初看这是一个简单的线性映射问题，但在实际工程中，我遇到了两个极其破坏体验的“拦路虎”：

Gemini生成的3D交互圣诞树（娱乐版）这是一个运行在浏览器中的 3D 页面：即使你不做任何操作，画面也会持续运行。👉 这是 v1 最主要的“玩法”。

Vue3自定义渲染器：原理剖析与实践指南Vue3的自定义渲染器是框架架构中的一项革命性特性，它打破了Vue只能用于DOM渲染的限制，让开发者能够将Vue组件渲染到任意目标平台。本文将深入探讨Vue3自定义渲染器的核心原理，并通过TresJS这个优秀的3D渲染库来展示其实际应用。

THREE.js 关于Material基类下的depthTest 和 depthWrite的理解https://threejs.org/docs/?q=GridHelper#Material.depthWrite 官方文档是这样解释的(机翻):

用React+Three.js 做 3D Web版搭建三维交互场景：模型的可视化摆放与轻量交互（当前版本无“标记检测/摄像头”分支）引擎会话管理交互系统（本版不包含标记识别与摄像头功能）模型加载（本版不涉及摄像头/麦克风权限- 有点问题，后续优化）

React + Three.js + R3F + Vite 实战：可交互的三维粒子化展厅这是一篇通俗易懂的技术博客，带你理解一个基于 Web 的三维粒子化展示系统是如何工作、如何使用以及如何扩展。无论你是前端开发者还是产品同学，都可以通过这篇文章快速把握它的设计思路与实践方法。

叫我詹躲躲

基于 Three.js 的 3D 地图可视化：核心原理与实现步骤这是一个基于Three.js的3D交互式地图可视化系统，以广东省地图为展示对象，实现了丰富的3D视觉效果和交互功能。本文将对项目中的核心函数进行逐步骤、逐函数的详细分析，帮助读者深入理解系统的实现原理。

JSAPIThree 加载单体三维模型学习笔记：SimpleModel 简易加载方式在三维场景中加载模型是最常见的需求之一。虽然可以直接使用 Three.js 的 GLTFLoader，但在不同投影方式下需要手动处理坐标转换，比较麻烦。今天就来学习 mapvthree 提供的 SimpleModel 类，看看它是如何简化这个过程的。

深度复盘 III：核心逻辑篇：构建 WebGL 数字孪生的“业务中枢”与“安全防线”在 Z-TWIN 污水处理厂项目的前两篇复盘中，我们解决了渲染管线（Rendering Pipeline）的性能瓶颈与 HMI 工程化的多端适配问题。这两步走完，我们构建了一个“好看”且“能跑”的系统骨架。

爱看书的小沐

【小沐学WebGIS】基于Three.JS绘制二三维地图地球晨昏效果（WebGL / vue / react ）https://threejs.org/Three.js 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中创建和展示 3D 图形。它由 Ricardo Cabello（也称为 Mr.doob）于 2010 年创建，旨在简化 WebGL 的复杂性，使开发者能够轻松创建 3D 场景和交互式内容。

深度复盘： WebGL 数字孪生前端架构：如何打造高颜值、高性能的 Web 3D 可视化系统在企业级数字孪生（Digital Twin）项目中，**“前端可视化表现”**往往决定了项目的成败。很多项目后台数据很稳，但前端渲染卡顿、模型丑陋、交互生硬，最终导致无法交付。作为一名专注于 Web 3D 呈现与前端可视化的开发者，我认为：让数据“好看”且“好用”，是前端的核心价值。

thee.js完成线上展厅demo思路，创建盒子，前进按钮，第一次进去创建一个盒子盒子上添加图片纹理也就是天空盒子一样的在创建一个面设置好对应的角度和位置

从摄影新手到三维光影师：Three.js 核心要素的故事当我第一次学习摄影时，老师告诉我一句话：“你不是在拍东西，而是在拍光。”后来我学习 Three.js 时突然意识到：这句话原来依旧成立。

OrbitControls 的完整原理OrbitControls 的核心目标很简单：让相机围绕一个目标点（target）做旋转、缩放、平移，同时保持视角稳定。****

一些经典的3D编辑器开源项目给大家分享一下个人在探索开发three.js编辑器项目期间发现的一些比较不错的3D编辑器类型的开源项目，如果你也正打算做类似相关的项目，那么这些开源项目会是一个不错的参考借鉴

geojson-3d-renderer：从原理到实践，打造高性能3D地理可视化库geojson-3d-renderer 是我制作的一个功能强大的 3D GeoJSON 可视化库，兼容 Three.js、Vue.js + Three.js 和 TresJS 环境。提供 Vue 组件、钩子和工具函数，用于在 3D 空间中渲染 GeoJSON 数据，并支持自定义材质。

在Cesium中实现飘动的红旗实现飘动红旗的效果整体分两部，一是利用三角函数的周期性让红旗摆动起来，二是根据每个片元的摆动幅度来计算对应位置的阴影。这是我在一个园区项目中收到的需求，在此记录及分享实现过程。

一个超级真实的Three.js树🌲生成器插件分享一个基于Three.js封装的树生成器插件，可以实现创建不同类型且渲染效果真实的3D树说实话，第一次在这个插件官网看到这个效果时我一度以为这只是一个视频，树的内容不仅仅是动态的而且整体的渲染效果也十分真实。

重生之我在浏览器里“蹦迪”大家好，我是CC，在这里欢迎大家的到来～工作时机械麻木，蹦迪时欢乐激情，边工作边蹦迪，是怎样的呢？这个想法源于我初入职场时对于 3D 的好奇和蹦迪的憧憬，刷着网上的视频，想着不如实现自己的蹦迪主场。