入秋丶

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

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

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

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

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

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

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

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

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

BufferGeometry 几何体划分顶点组设置不同的材质 几何体.groups([])，将当前几何体分割成组进行渲染。 分割后的每个部分都是一个如下的表单 {start...

原生js 使用vite创建应用npm init vite@latest 目录 基本使用 添加轨道控制器 轨道控制器可以通过鼠标或触摸屏来旋转相机，改变场景的视角，调整场景的...

Vue3组件通信主要通过Props、Emits、v-model、Provide & Inject、全局状态管理（如Pinia或Vuex）、$refs以及组合式API等方式实...

一句话总结：Pinia是Vue3中官方推荐的状态管理库，它替代了Vuex，具有更简洁的语法、完美支持Vue3的Composition API和对TypeScript的完整支...

一句话总结：Vue 3路由通过Vue Router 4实现，提供了声明式、组件化的路由配置，用于构建单页面应用（SPA）的页面导航。...

Vue 3的自定义hooks允许你封装可复用的逻辑（如状态管理、副作用处理等），以函数的形式导入并在组件中使用，增强了代码的可维护性和复用性。...

Vue 3 的生命周期可以总结为组件从创建到销毁的一系列过程，每个过程都伴随着特定的钩子函数，允许开发者在这些阶段执行自定义的代码逻辑。Vue 3 的生命周期主要分为四个阶...

基本使用 defineProps的返回值 限制props的类型 defineProps后面可以加泛型，用于限制传入参数的类型...

watch只能监视四种数据 ref定义的数据 reactive定义的数据 函数返回一个值 一个包含上述内容的数组 情况一：watch监视ref定义的基本类型数据 情况二：监...

计算属性的基本使用 计算属性有缓存 方法没有缓存 上面这样使用computed创建出来的数据是只读的...

vue3响应式数据 使用ref定义基本类型数据 哪个数据需要是响应式，就把哪个数据用ref包裹起来 使用ref定义对象类型数据 使用ref定义对象类型数据，底层还是用rea...