学习three.js

学习Three.js--雪花 前置核心说明 开发目标 基于Three.js的粒子系统+自定义着色器实现真实感3D雪花飘落效果，还原雪花的自然视觉与动态特征，核心能力包括： 模拟雪花的视觉形态：通过圆形

学习Three.js--风车星系 前置核心说明 开发目标 基于Three.js的粒子系统+自定义着色器实现真实感M101风车星系效果，还原星系的核心结构与视觉特征，核心能力包括： 模拟星系分层结构：核

学习Three.js--星环粒子（ShaderMaterial） 前置核心说明 开发目标 基于Three.js的ShaderMaterial实现高性能10万粒子纯净白色星环效果，核心能力包括： 生成环

学习Three.js--烟花 前置核心说明 开发目标 基于Three.js实现带拖尾渐隐效果的3D烟花，核心能力包括： 鼠标点击任意位置发射烟花，同时支持自动定时发射； 烟花粒子具备物理运动特性（重力

学习Three.js--轨道+火车自动行进 前置核心说明 开发目标 基于Three.js实现带真实纹理的火车轨道 + 沿轨道自动循环行进的简易火车，核心能力包括： 轨道模块化构建（钢轨分段创建+枕木间

学习Three.js--基于GeoJSON绘制2D矢量地图 前置核心说明 开发目标 基于Three.js实现纯矢量2D地图，核心能力包括： 将GeoJSON地理数据（经纬度）转换为Three.js可渲

学习Three.js--实战小太阳系 前置核心说明 开发目标 基于Three.js实现高还原度的太阳系演示场景，核心包含： 太阳（自发光+点光源）、地球（自转/公转+夜面灯光+云层）、月球（绕地球公转

学习Three.js--曲线(Curve) 前置核心说明 Curve 是 Three.js 中所有曲线/直线的基类，定义了曲线的核心行为（如采样顶点、计算长度等）。所有2D/3D曲线均继承自 Curv

学习Three.js--加载外部三维模型(gltf) 前置核心说明 GLTF（GL Transmission Format）是 Three.js 官方推荐的首选3D模型格式，也是行业通用标准（被Ble

学习Three.js--纹理贴图(Texture) 前置核心说明 纹理贴图是 Three.js 中让3D模型呈现真实外观的核心手段，本质是将2D图片（纹理）「贴」到3D几何体表面，替代单一的纯色材质，

学习Three.js--缓冲类型几何体(BufferGeometry) 前置核心说明 BufferGeometry 是 Three.js 中所有几何体的底层核心（BoxGeometry/SphereG

学习Three.js--光源Light+轨道控制器OrbitControls 前置核心说明 Three.js 的 3D 世界默认处于全黑状态，想要让「受光照影响的材质」显示出真实的光影效果，必须手动添

学习Three.js--简介+几何体 一、Three.js 简介 1.1 什么是 Three.js Three.js 是一款基于原生 WebGL 封装的轻量级 JavaScript 3D 图形库，它对

学习Three.js--材质(Material) 前置必读：材质通用规则 & 公共核心参数 一、通用规则 所有网格类材质（MeshXXXMaterial）都是 THREE.Material 的子类，共

学习Three.js--网格模型 前置核心说明 上文说明了 「场景(Scene)、相机(Camera)、渲染器(Renderer)」三大核心、几何体(Geometry)、材质(Material) 相关