{"id":84774,"url":"https://github.com/xiaomingx/awesome-threejs","name":"awesome-threejs","description":"A curated list of awesome ThreeJS resources;Three.js 是一个 JavaScript 库，用于在网页上创建和渲染 3D 图形。它基于 WebGL（Web 图形库），使得开发者能够在浏览器中轻松地绘制复杂的三维图形、动画、交互式 3D 内容等，而无需深入了解 WebGL 的底层技术。","projects_count":73,"last_synced_at":"2026-10-17T09:00:41.435Z","repository":{"id":266006989,"uuid":"897098264","full_name":"XiaomingX/awesome-threejs","owner":"XiaomingX","description":"A curated list of awesome ThreeJS resources;Three.js 是一个 JavaScript 库，用于在网页上创建和渲染 3D 图形。它基于 WebGL（Web 图形库），使得开发者能够在浏览器中轻松地绘制复杂的三维图形、动画、交互式 3D 内容等，而无需深入了解 WebGL 的底层技术。","archived":false,"fork":false,"pushed_at":"2025-09-17T03:20:37.000Z","size":30,"stargazers_count":7,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-23T02:02:54.027Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/XiaomingX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-12-02T02:45:59.000Z","updated_at":"2025-10-18T16:52:33.000Z","dependencies_parsed_at":"2025-10-12T14:01:05.243Z","dependency_job_id":"57a50225-2bb2-4aa5-8252-692c7a240f3b","html_url":"https://github.com/XiaomingX/awesome-threejs","commit_stats":null,"previous_names":["xiaomingx/awesome-threejs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/XiaomingX/awesome-threejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-threejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-threejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-threejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-threejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/XiaomingX","download_url":"https://codeload.github.com/XiaomingX/awesome-threejs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-threejs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27283993,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-26T02:00:06.075Z","response_time":193,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2025-02-18T06:29:52.170Z","updated_at":"2026-10-17T09:00:41.436Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["4. 3D 建模工具","1. 视觉灵感","1. 3D 资产（模型/材质）","2. 创意编程","2. Shader 开发","1. Three.js 核心","4. 高级功能插件","1. 3D 基础理论","2. 纹理资源","1. 框架集成（按前端框架分）","1. 模型调试与优化","3. Three.js 实战","2. 场景与材质编辑","1. 官方文档与核心指南","3. Shader 开发工具","3D Theory","2. 3D 理论精讲","3. Shader 代码片段","3. 实战教程","4. 专项领域","2. 物理模拟","ThreeJS","Shaders"],"sub_categories":["碰撞检测","Svelte","React","水面与流体","生成艺术","Vue"],"readme":"# awesome-threejs\nThree.js 是一款基于 WebGL（并逐步支持 WebGPU）的 JavaScript 3D 图形库，**让开发者无需深入底层图形接口**，就能在浏览器中快速构建交互式 3D 场景、动画和应用。它抽象了 WebGL 的复杂细节，提供了开箱即用的 3D 核心组件（如场景、相机、光照、几何体），同时支持模型加载、粒子效果、物理模拟等高级功能。\n\n如今 Three.js 已更新至 r160+ 版本，新增了 WebGPU 渲染器、体积云渲染、更高效的模型压缩等特性，广泛用于游戏开发、数据可视化、虚拟展厅、VR/AR 网页应用等场景。\n\n\n# 一、入门与进阶书籍\n书籍是系统学习的核心，以下均为行业公认的经典资源，标注了核心价值和适用场景。\n\n## 1. 3D 基础理论\n- **《3D Math Primer for Graphics and Game Development》**  \n  👉 核心价值：3D 开发的「数学圣经」，从向量、矩阵到透视投影，用通俗的语言讲解 3D 图形必备的数学知识。  \n  👉 适合人群：零基础补数学，搞懂「为什么顶点坐标有 4 个值（w 分量）」「矩阵如何实现相机移动」等核心问题。  \n  作者：[@ZPostFacto](https://twitter.com/ZPostFacto) \u0026 [@Ian-Parberry](https://github.com/Ian-Parberry)  \n  链接：[gamemath.com/book/intro.html](https://gamemath.com/book/intro.html)\n\n- **《Physically Based Rendering - From Theory to Implementation》**  \n  👉 核心价值：PBR（基于物理的渲染）领域的权威指南，从理论到代码实现全解析，让你的 3D 材质（金属、塑料等）看起来更真实。  \n  👉 适合人群：想深入光照、材质原理，脱离「卡通感」3D 效果的开发者。  \n  作者：[@mmp](https://github.com/mmp)、[@wjakob](https://github.com/wjakob) 等  \n  链接：[pbr-book.org](https://pbr-book.org/)\n\n## 2. 创意编程\n- **《The Nature of Code》**  \n  👉 核心价值：用「自然规律」讲编程，从物理运动（重力、碰撞）到生成艺术（分形、粒子系统），提供大量可直接迁移到 Three.js 的思路。  \n  👉 特点：作者风格幽默，配套代码有 Processing 和 JavaScript 版本，适合培养 3D 创意思维。  \n  作者：[@shiffman](https://github.com/shiffman)  \n  链接：[natureofcode.com](https://natureofcode.com/)\n\n## 3. Three.js 实战\n- **《Discover three.js》**  \n  👉 核心价值：官方推荐的入门读物，从基础场景搭建到高级特效（阴影、后期处理），示例代码同步最新 Three.js 版本。  \n  链接：[discoverthreejs.com](https://discoverthreejs.com/)\n\n- **《Learn Three.js - Fourth Edition》**  \n  👉 核心价值：覆盖 Three.js 160+ 新特性（如 WebGPU 渲染器、GLTF 2.0 优化），包含游戏、数据可视化等实战项目。  \n  链接：[packtpub.com/product/learn-three-js-fourth-edition/9781837637396](https://www.packtpub.com/product/learn-three-js-fourth-edition/9781837637396)\n\n\n# 二、高效学习课程\n课程适合「边做边学」，以下均为近年更新、社区认可度高的资源。\n\n## 1. Three.js 核心\n- **ThreeJS Journey**  \n  👉 核心价值：最适合零基础的实战课程，从「Hello World 场景」到「3D 游戏+虚拟展厅」，每节配可编辑代码示例。  \n  👉 优势：作者 Bruno Simon 是 Three.js 社区核心成员，课程持续更新，配套 Discord 社区可直接提问。  \n  作者：[@bruno_simon](https://x.com/bruno_simon)  \n  链接：[threejs-journey.com](https://threejs-journey.com/)\n\n## 2. Shader 开发\n- **《The Easiest Way to Learn GLSL》**  \n  👉 核心价值：用「可视化案例」讲 GLSL（着色器语言），从基础语法到纹理、动画，避开纯理论的枯燥。  \n  👉 适合人群：想给 3D 模型加特殊效果（渐变、波纹、溶解）但不懂 Shader 的开发者。  \n  作者：[@iced_coffee_dev](https://x.com/iced_coffee_dev)  \n  链接：[simondev.teachable.com/p/glsl-shaders-from-scratch](https://simondev.teachable.com/p/glsl-shaders-from-scratch)\n\n- **《The Book of Shaders》**  \n  👉 核心价值：免费开源的 Shader 圣经，从「像素级控制」到「生成艺术」，每节可在线编辑运行代码。  \n  👉 特点：支持中文翻译，适合进阶 Shader 开发者。  \n  作者：[@patriciogv](https://x.com/patriciogv)  \n  链接：[thebookofshaders.com](https://thebookofshaders.com/)\n\n\n# 三、实用文章与教程\n按「基础理论→实战技巧→专项领域」分类，聚焦「能直接复用的知识」。\n\n## 1. 官方文档与核心指南\n- **Three.js Fundamentals**  \n  👉 官方基础教程，从「场景、相机、渲染器三要素」到「纹理加载优化」，是新手必看的权威内容。  \n  链接：[threejs.org/manual/#en/fundamentals](https://threejs.org/manual/#en/fundamentals)\n\n- **MDN WebGL/GLSL 指南**  \n  👉 比旧的「Shaderific」更权威，覆盖 GLSL 语法、变量类型、常用函数，配套浏览器兼容性说明。  \n  链接：[developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Reference/GLSL_ES_Specification](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Reference/GLSL_ES_Specification)\n\n## 2. 3D 理论精讲\n- **《Explaining Homogeneous Coordinates \u0026 Projective Geometry》**  \n  👉 通俗解释「齐次坐标（w 分量）」的作用——解决 3D 场景到 2D 屏幕的「透视投影」问题，看懂后再也不懵相机矩阵。  \n  链接：[tomdalling.com/blog/modern-opengl/explaining-homogenous-coordinates-and-projective-geometry/](https://www.tomdalling.com/blog/modern-opengl/explaining-homogenous-coordinates-and-projective-geometry/)\n\n## 3. 实战教程\n- **《Surface Sampling in Three.js》**  \n  👉 详解 `MeshSurfaceSampler` 的用法（在 3D 模型表面随机生成粒子、纹理），可用于「雨滴落在地面」「花瓣散落在模型上」等效果。  \n  链接：[tympanus.net/codrops/2021/08/31/surface-sampling-in-three-js/](https://tympanus.net/codrops/2021/08/31/surface-sampling-in-three-js/)\n\n- **《Three.js 160+ WebGPU 渲染器实战》**  \n  👉 讲解如何启用 WebGPU 渲染器，对比 WebGL 提升的性能（如复杂场景帧率翻倍），附完整代码示例。  \n  链接：[r3f.docs.pmnd.rs/advanced/webgpu](https://r3f.docs.pmnd.rs/advanced/webgpu)\n\n- **《Rapier.js + Three.js 物理碰撞实战》**  \n  👉 用现代物理引擎 Rapier 实现「物体碰撞、重力下落」，比旧的 Ammo.js 更轻量、API 更简洁。  \n  链接：[dimforge.com/blog/2023/03/01/rapier-threejs-tutorial/](https://dimforge.com/blog/2023/03/01/rapier-threejs-tutorial/)\n\n## 4. 专项领域\n### 水面与流体\n- **《Real-time rendering of water caustics》**  \n  👉 用「纹理扰动」实现水面折射的「焦散效果」（阳光透过水面在水底形成的光斑），代码可直接复用。  \n  链接：[medium.com/@martinRenou/real-time-rendering-of-water-caustics-59cda1d74aa](https://medium.com/@martinRenou/real-time-rendering-of-water-caustics-59cda1d74aa)\n\n### 生成艺术\n- **《Generative Artistry Tutorials》**  \n  👉 从「分形几何」到「粒子系统」，教你用 Three.js 做可交互的生成艺术，示例代码简洁易懂。  \n  作者：[@rumyra](https://github.com/rumyra) \u0026 [@tholman](https://github.com/tholman)  \n  链接：[generativeartistry.com/tutorials/](https://generativeartistry.com/tutorials/)\n\n### 碰撞检测\n- **《Bounding Volume Collision Detection with Three.js》**  \n  👉 讲解「包围盒（AABB）」「包围球」等简化碰撞检测的方法，避免直接计算复杂模型顶点的性能问题。  \n  链接：[developer.mozilla.org/en-US/docs/Games/Techniques/3D_collision_detection/Bounding_volume_collision_detection_with_THREE.js](https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_collision_detection/Bounding_volume_collision_detection_with_THREE.js)\n\n\n# 四、灵感与参考案例\n找创意、看效果的最佳渠道，直接看「别人做了什么」。\n\n## 1. 视觉灵感\n- **Three.js 官方示例库**  \n  👉 官方维护的「效果图鉴」，从基础几何体到 VR 场景、体积云，每例可在线编辑代码。  \n  链接：[threejs.org/examples/](https://threejs.org/examples/)\n\n- **ShaderToy**  \n  👉 全球最大的 Shader 分享平台，输入「water」「fire」等关键词，能找到可直接复用的 3D 特效 Shader 代码。  \n  链接：[shadertoy.com](https://www.shadertoy.com/)\n\n- **same.energy**  \n  👉 视觉搜索引擎，上传一张 3D 效果图，能找到风格相似的作品，适合找设计灵感。  \n  链接：[same.energy](https://same.energy/)\n\n## 2. 实战项目参考\n- **Three.js 社区案例合集**  \n  👉 收录了「虚拟展厅」「3D 数据可视化」「Web 游戏」等真实项目，附技术栈和源码链接。  \n  链接：[threejs.org/showcase/](https://threejs.org/showcase/)\n\n\n# 五、必备资源库\n涵盖「模型、纹理、Shader 代码」等可直接复用的素材。\n\n## 1. 3D 资产（模型/材质）\n| 资源名称       | 核心优势                                  | 授权类型       | 链接                          |\n|----------------|-------------------------------------------|----------------|-------------------------------|\n| Poly Haven     | 免费 CC0 授权，含 PBR 纹理、HDRI、3D 模型 | 完全免费商用   | [polyhaven.com](https://polyhaven.com/) |\n| ambientCG      | 专注 PBR 纹理，支持 4K 下载，分类清晰     | CC0 免费商用   | [ambientcg.com](https://ambientcg.com/) |\n| Poliigon       | 高质量付费纹理/模型，适合专业项目         | 付费（有免费样例） | [poliigon.com](https://www.poliigon.com/) |\n| Sketchfab      | 海量用户上传模型，支持筛选 Three.js 兼容格式 | 免费/付费混合 | [sketchfab.com](https://sketchfab.com/) |\n\n## 2. 纹理资源\n- **3dtextures.me**  \n  👉 免费 PBR 纹理库，每款纹理包含「漫反射、法线、置换、粗糙度」等完整贴图，直接适配 Three.js 材质。  \n  链接：[3dtextures.me](https://3dtextures.me/)\n\n## 3. Shader 代码片段\n- **GLSL 噪声函数合集**  \n  👉 包含 Perlin、Simplex 等常用噪声函数，可直接复制到 Shader 中，实现地形、流体、云等自然效果。  \n  作者：[@patriciogv](https://x.com/patriciogv)  \n  链接：[gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83](https://gist.github.com/patriciogv/670c22f3966e662d2f83)\n\n- **PixelSpirit Elements Deck**  \n  👉 「Shader 塔罗牌」，从基础形状到复杂特效，每一张「牌」都对应可复用的 GLSL 代码，循序渐进学 Shader。  \n  作者：[@patriciogv](https://x.com/patriciogv)  \n  链接：[pixelspiritdeck.com](https://pixelspiritdeck.com/)\n\n- **信号塑形函数库**  \n  👉 解决「如何让动画更自然」的问题，如缓动、脉冲、波纹等效果的数学实现，支持 GLSL 直接调用。  \n  作者：[@iquilezles](https://x.com/iquilezles)  \n  链接：[iquilezles.org/articles/functions/](https://iquilezles.org/articles/functions/)\n\n\n# 六、效率工具\n从「模型优化」到「Shader 调试」，提升开发效率的必备工具。\n\n## 1. 模型调试与优化\n- **GLTF Report**  \n  👉 在线检查 GLTF 模型问题（如冗余顶点、纹理格式不兼容），支持预览模型在 Three.js 中的效果，还能优化 BASIS/KTX2 纹理。  \n  作者：[@donmccurdy](https://github.com/donmccurdy)  \n  链接：[gltf.report](https://gltf.report)\n\n- **gltf-transform**  \n  👉 命令行工具，批量优化 GLTF 模型（如合并顶点、Draco 压缩、纹理转 KTX2 格式），压缩后模型大小可减少 70%+。  \n  作者：[@donmccurdy](https://github.com/donmccurdy)  \n  链接：[gltf-transform.dev](https://gltf-transform.dev/)\n\n## 2. 场景与材质编辑\n- **Three.js Editor**  \n  👉 官方可视化编辑器，拖拽即可添加相机、光照、模型，支持导入 GLTF 模型并调试材质，改完直接导出代码。  \n  链接：[threejs.org/editor/](https://threejs.org/editor/)\n\n- **Polygonjs**  \n  👉 节点式 WebGL 工具，无需写代码就能生成「程序化几何体、粒子效果」，支持导出 Three.js 场景。  \n  链接：[polygonjs.com](https://polygonjs.com)\n\n## 3. Shader 开发工具\n| 工具名称         | 核心优势                                  | 类型       | 链接                          |\n|------------------|-------------------------------------------|------------|-------------------------------|\n| GraphToy         | 可视化调试 GLSL 函数，实时看曲线变化      | 在线工具   | [graphtoy.com](https://graphtoy.com/) |\n| NodeToy          | 节点式 Shader 编辑器，支持导出 Three.js 可用代码，兼容 React-Three-Fiber | 在线工具   | [app.nodetoy.co](https://app.nodetoy.co/) |\n| glslViewer       | 命令行 Shader 沙盒，快速预览 2D/3D Shader 效果，适合快速迭代创意 | 本地工具   | [github.com/patriciogonzalezvivo/glslViewer](https://github.com/patriciogonzalezvivo/glslViewer) |\n\n## 4. 3D 建模工具\n- **Blender**  \n  👉 免费开源的全功能建模软件，支持导出 GLTF 格式，Three.js 社区大部分自定义模型都用它制作。  \n  链接：[blender.org](https://www.blender.org/)\n\n- **Spline**  \n  👉 轻量化 Web 建模工具，支持「实时协作」和「直接导出 Three.js 场景」，适合快速制作简单 3D 资产。  \n  链接：[spline.design](https://spline.design/)\n\n\n# 七、核心库与框架\nThree.js 生态的「增强插件」，覆盖「框架集成、物理、动画」等场景。\n\n## 1. 框架集成（按前端框架分）\n### React\n- **react-three-fiber（r3f）**  \n  👉 用 React 语法写 Three.js，支持组件化开发（如 `\u003cMesh /\u003e` `\u003cCamera /\u003e`），是 React 生态的主流方案。  \n  维护者：[@pmndrs](https://github.com/pmndrs)  \n  链接：[github.com/pmndrs/react-three-fiber](https://github.com/pmndrs/react-three-fiber)\n\n- **drei**  \n  👉 r3f 的「工具库」，提供现成的组件（如 `\u003cOrbitControls /\u003e` `\u003cGLTFModel /\u003e`），省去重复造轮子。  \n  维护者：[@pmndrs](https://github.com/pmndrs)  \n  链接：[github.com/pmndrs/drei](https://github.com/pmndrs/drei)\n\n### Vue\n- **TresJS**  \n  👉 Vue 3 专属的 Three.js 封装，支持 `\u003cTresScene /\u003e` `\u003cTresMesh /\u003e` 等 Vue 组件，生态完善。  \n  维护者：[@tresjs_dev](https://github.com/Tresjs)  \n  链接：[github.com/Tresjs/tres](https://github.com/Tresjs/tres)\n\n- **Cientos**  \n  👉 TresJS 的工具集，提供碰撞检测、后期处理等现成功能，类似 React 的 drei。  \n  链接：[github.com/Tresjs/cientos](https://github.com/Tresjs/cientos)\n\n### Svelte\n- **threlte**  \n  👉 Svelte 生态的 Three.js 组件库，支持响应式数据绑定，性能接近原生 Three.js。  \n  链接：[github.com/grischaerbe/threlte](https://github.com/grischaerbe/threlte)\n\n## 2. 物理模拟\n- **Rapier.js**  \n  👉 现代轻量物理引擎，支持「碰撞检测、关节约束、重力模拟」，API 简洁，性能优于 Ammo.js。  \n  维护者：[@dimforge](https://github.com/dimforge/)  \n  链接：[github.com/dimforge/rapier](https://github.com/dimforge/rapier)\n\n- **cannon-es**  \n  👉 pmndrs 维护的物理引擎，适配 react-three-fiber，适合中小型项目。  \n  维护者：[@pmndrs](https://github.com/pmndrs/)  \n  链接：[github.com/pmndrs/cannon-es](https://github.com/pmndrs/cannon-es)\n\n## 3. 动画\n- **GSAP**  \n  👉 全能动画库，支持 Three.js 物体的「位置、旋转、缩放」动画，还能结合 ScrollTrigger 做滚动触发动画。  \n  链接：[greensock.com/gsap/](https://greensock.com/gsap/)\n\n## 4. 高级功能插件\n- **three-mesh-bvh**  \n  👉 用「包围盒层级（BVH）」加速碰撞检测和射线投射，复杂场景下性能提升 10 倍以上，必备工具。  \n  作者：[@gkjohnson](https://github.com/gkjohnson)  \n  链接：[github.com/gkjohnson/three-mesh-bvh](https://github.com/gkjohnson/three-mesh-bvh)\n\n- **three-bvh-csg**  \n  👉 基于 three-mesh-bvh 实现「布尔运算」（如两个模型的交集、差集），可制作复杂的自定义几何体。  \n  作者：[@gkjohnson](https://github.com/gkjohnson)  \n  链接：[github.com/gkjohnson/three-bvh-csg](https://github.com/gkjohnson/three-bvh-csg)\n\n- **lygia**  \n  👉 跨语言 Shader 库，提供 PBR、噪声、后期处理等现成函数，支持 GLSL/HLSL，可直接集成到 Three.js Shader 中。  \n  作者：[@patriciogv](https://x.com/patriciogv)  \n  链接：[github.com/patriciogonzalezvivo/lygia](https://github.com/patriciogonzalezvivo/lygia)\n\n\n# 八、社区与支持\n遇到问题时的「求助渠道」，按响应速度排序。\n\n1. **Three.js 官方 Discord**  \n   👉 社区最活跃的地方，有核心开发者常驻，提问前附上代码片段，通常 1-2 小时内有回复。  \n   链接：[discord.com/invite/56GBJwAnUS](https://discord.com/invite/56GBJwAnUS)\n\n2. **Three.js 官方论坛**  \n   👉 适合复杂问题（如性能优化、兼容性问题），回复更系统，可搜索历史解决方案。  \n   链接：[discourse.threejs.org](https://discourse.threejs.org/)\n\n3. **Stack Overflow（three.js 标签）**  \n   👉 老牌问答社区，90% 的基础问题（如「模型加载失败」「光照不生效」）已有答案，提问前先搜索。  \n   链接：[stackoverflow.com/questions/tagged/three.js](https://stackoverflow.com/questions/tagged/three.js)\n\n4. **X（原 Twitter）@threejs**  \n   👉 官方账号会推送新版本特性、社区案例，可直接私信提问（适合简单问题）。  \n   链接：[x.com/threejs](https://x.com/threejs)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/xiaomingx%2Fawesome-threejs/projects"}