入秋丶

gsap补间动画主要分为四类 gsap.to() 从元素的起始值开始，动画到指定的位置 语法 gsap.to(元素，{属性}) 常见属性 gsap.from() 指定起始值，动画到结束值 gsap.f

灯光阴影前提 材质要满足能够对光照有反应； 设置渲染器开启阴影的计算 设置光照投射阴影 设置物体投射阴影 设置物体接收阴影 设置渲染器开启阴影的计算 设置光照投射阴影 创建灯光 设置光照投射阴影 ca

线框几何体 获取到几何体 根据名称获取到几何体 创建边缘几何体 生成线段 更新几何体世界转换矩阵 同步 场景中所有几何体的线框模式 traverse()可以获取到场景中所有的几何体

在Three.js中，包围盒（Bounding Box）和包围球（Bounding Sphere）是两种常见的用于简化碰撞检测和空间查询的几何体

在 Three.js 中，可以使用 `GSAP` (GreenSock Animation Platform) 或 `Tween.js` 来实现动画效果，包括布局动画。`Tween.js` 是一个轻量

> Three.js光线投射是一种用于检测3D场景中光线与物体相交的技术。 ### 创建射线 ```js // 创建射线 const raycaster = new THREE.Raycaster(

导入 import { GLTFLoader } from'three/addons/loaders/GLTFLoader.js'; 实例化加载器 加载模型 加载压缩模型 引入DracoLoader

构造函数中，来设置颜色属性。颜色可以是一个十六进制的整型数，或者是CSS风格的字符串。 属性 .isFog: Boolean 用于检查给定对象是否为Fog类型。 .[name]: String 对象的

基础网格材质和贴图 一个以简单着色方式来绘制几何体的材质，这种材质不受光照影响 透明度贴图和光照贴图 alpha贴图是一张灰度纹理，用于控制整个表面的不透明度。（黑色：完全透明；白色：完全不透明）。