three.js

three.js学习可以把三维场景Scene对象理解为虚拟的3D场景，用来表示模拟生活中的真实三维场景,或者说三维世界。图黄色部分才是可视范围

022-自定义顶点颜色实现渐变该系类文章主要用于记录学习three.js的过程，包括做的一些demo，笔记，以及个人思考；主要学习的课程是神光的小册《three.js通关秘籍》，感兴趣的可以购买学习，质量还是可以的

🌌 构建宇宙不是梦：Three.js 中的多个子场景、LOD 切换与资源统一管理作者：一名白天写着渲染管线，晚上梦见三角形的计算机图形学民工 —— 在光照照不到的地方，我们依旧 Debug！

Three.js 光照系统进阶指南 —— 打造光明的舞台“世界并不黑暗，只是你没打光。” —— 一个没有灯光的 Three.js 场景在现实世界中，如果没有光，你什么也看不到。在虚拟的 3D 世界里，这道理同样成立。

Three.js 滚动条 3D 视差动画原理解析风格：硬核技术 + 一点点文学幻想 + 探险日志风格技术栈：JavaScript（主力）、Three.js（主角）、HTML/CSS（配角）

🧙‍♂️用 Three.js 判断一个点是否在圆内 —— 一次圆心和点的对话“我不是圆心最亲密的点，但我希望靠近它。” —— 来自一个不确定位置的点在 3D 世界里，圆心看着四面八方飞来的点，开始陷入沉思：

Three.js 场景后处理的秘密：像素世界的魔法改造术想象一下，你精心搭建了一个 Three.js 场景：阳光穿过虚拟森林的缝隙，湖面波光粼粼，远处山峦若隐若现。但按下渲染按钮的瞬间，所有美感都像被蒙上了一层磨砂玻璃 —— 这就是缺少后处理的尴尬。今天我们就来揭开场景后处理的神秘面纱，看看如何让像素们跳一支优雅的芭蕾。

Three.js 流水效果制作：从像素到波澜的魔法之旅想象你站在数字海岸边，看着屏幕里的波浪此起彼伏 —— 这些看似自然的水流，其实是无数像素在遵循数学法则跳着集体舞。作为计算机科学家，我们要做的就是给这些像素编一支 "水之舞" 的舞曲。

不关小白白的事

🚗 Three.js 实战全解析：打造 SU7 展示 + 人物控制 + HDR 场景 + 碰撞检测car-cq6.pages.dev/用 Three.js 做一个能开车、能走人、能撞墙，还能跳跃的酷炫 3D 展示场景。本文基于项目源码和真实模型资源，进行逐行讲解，适合学习 Three.js 实践开发。

🚶‍♂️基于 Three.js 的自定义角色漫游系统实战：支持碰撞检测与动画控制在三维场景开发中，**自由漫游（Free Roaming）**功能是虚拟仿真、数字孪生、数字展厅等项目中常见的用户交互方式之一。尤其当角色需要在复杂地形或建筑中穿行时，基于物理碰撞与动画系统的角色控制器就显得尤为重要。

Three.js 3D 柱状图制作指南：从像素到立体的魔法之旅当二维图表还在平面上为 "谁的柱子更高" 争得面红耳赤时，3D 柱状图已经带着墨镜在三维空间里跳探戈了。作为一名见证过无数像素起义的计算机科学家，我必须坦白：让数据站起来跳舞，比让程序员按时下班还令人兴奋。

Three.js 顶点与颜色点的装配艺术：从像素到彩虹的底层之旅想象你是一位数字雕塑家，手中的凿子不是金属，而是JavaScript代码；你的大理石不是石头，而是 GPU 内存中的浮点数据。当你在 Three.js 中创建一个彩色三角形时，屏幕上每一个闪烁的像素背后，都在上演着一场精妙的 "装配大戏"—— 顶点带着坐标入场，颜色携着 RGB 密码赴约，最终在渲染管线的聚光灯下融合成我们眼中的视觉盛宴。今天我们就扒开这层像素表皮，看看顶点与颜色是如何在 Three.js 的世界里 "确认眼神，成为对的人"。

爱看书的小沐

【小沐杂货铺】基于Three.JS绘制汽车展示Car（WebGL、vue、react、autoshow、提供全部源代码）https://threejs.org// Three.js 是一个基于 WebGL 的 JavaScript 3D 图形库，用于在浏览器中创建和展示 3D 场景、模型、动画、粒子效果等，无需安装插件。它封装了复杂的 WebGL 底层 API，提供了简洁的面向对象接口，适合开发者快速构建交互式 3D 网页应用。

Three.js 中三角形到四边形的顶点变换：一场几何的华丽变身**在 3D 图形的世界里，三角形就像是乐高积木里最基础的那块小方块 —— 简单、可靠，几乎所有复杂模型都能由它堆砌而成。但有时候，我们需要更 "大气" 的形状来完成设计，比如四边形。今天我们就来看看，在 Three.js 的魔法世界里，三角形是如何摇身一变成为四边形的，这背后又藏着哪些几何的小秘密。

Three.js 中的噪声与图形变换：一场数字世界的舞蹈想象一下，你面前有一张白纸，每个像素都是一个渴望跳舞的小精灵。如果让它们自由发挥，场面可能会混乱不堪（就像刚散场的摇滚音乐会）；但如果给它们编排一套规则，又会显得刻板无趣。而噪声，就是那位能让小精灵们既自由又有序舞动的神秘编舞家。在 Three.js 的世界里，当噪声遇上图形变换，就像爵士乐手遇上了交响乐团 —— 一场充满惊喜的数字盛宴就此展开。

中国黄金Gold

Three.js OrbitControls：实现鼠标左键直接平移场景在Three.js中，OrbitControls是一个非常强大的相机控制器，但默认情况下需要按住Ctrl键+鼠标左键才能进行平移操作。本文将介绍如何通过修改OrbitControls的源码行为，实现鼠标左键直接平移场景的功能。

021-顶点法线与反射原理该系类文章主要用于记录学习three.js的过程，包括做的一些demo，笔记，以及个人思考；主要学习的课程是神光的小册《three.js通关秘籍》，感兴趣的可以购买学习，质量还是可以的

Three.js 中正切函数在相机视野里的那些事儿如果你曾对着 Three.js 的相机参数抓耳挠腮，纳闷为什么一个小小的视角值能让三维世界乾坤颠倒，那多半是没搞懂正切函数在背后捣的鬼。这就像给相机装了副特殊眼镜，而正切函数就是验光师手里的度数表 —— 看似简单的数字背后，藏着光与影的几何密码。

Three.js 中的 Color 对象：玩转色彩的魔法方块想象一下，你正在数字世界里粉刷墙壁，手里却没有油漆桶，只有一堆 0 和 1。别担心，Three.js 的 Color 对象就是你的万能调色盘 —— 它能把枯燥的数字变成绚烂的视觉盛宴，就像魔法师把青蛙变成王子一样神奇。

答案—answer

three.js编辑器2.0版本在经历1.0版本上线后两个月后，这段时间也是收集了很多bug和用户的需求建议，于是决定对编辑器现有的功能进行优化升级，以及新增一些模块功能内容。同时也将项目使用中出现的一些常见问题进行收集，并通过在线文档的形式进行展示。