一、安装GSAP模块 npm install gsap 二、创建动画 例如，如果html元素创建动画，将 '.box' 类的元素设置1秒时间水平移动 200px 的动画。可以这么写 // 导入动画库 import gsap from "gsap"; gsap.to(".box", { x: 200 }) 在three.js中如果我们想要将物体，例如…

一、缩放 .scale : Vector3 物体的局部缩放。默认值是Vector3( 1, 1, 1 )。 Vector3（三维向量） 该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为x、y和z）， 可被用来表示很多事物，例如：1. 一个位于三维空间中的点…

一、核心代码讲解 1. 修改物体的为位置，主要用到Mesh中的postition属性（继承自Object3D） .position : Vector3 表示对象局部位置的Vector3。默认值为(0, 0, 0)。 Vector3（三维向量） 该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有…

一、轨道控制器介绍 Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。 二、在项目中使用 1. 导入轨道控制器 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls' 2. 创建场景、相机和物体，并将相机和物体添加到场景中，创建渲染…

一、环境搭建 使用Vue Cli脚手架快速搭建一个基础环境，然后可以安装vue-router使其拥有路由功能，安装、配置过程不再赘述 二、官方文档 官网：threejs.org GitHub仓库：mrdoob/three.js 建议在本地搭建一个官方文档，这样方便阅读且速度快 搭建方法： 1. 进入GitHub仓库，选择dev分支，直接下载 2. …