html/css/js
threejs 动画系统
一、动画片段 animation clips
每个animationClip通常保存3D动画对象某个活动的数据。举个例子，假如mesh是一个角色，可能有一个AnimationClip实现步行循
2024-12-21 15:44:57
阅读数: 98
评论数: 0
html/css/js
THREE.DirectionalLight 平行光源
一、概述
THREE.DirectionalLight 是 Three.js 中的一种平行光源（Directional Light），用于模拟来自无限远处的均匀光线，例如太阳光。它照射到场景中的所有对
2024-12-21 15:27:13
阅读数: 30
评论数: 0
html/css/js
threejs中材质
一、material.emissive
在 Three.js 中，material.emissive 是一个材质属性，用来控制物体的 自发光 效果。这个属性的值通常是一个 颜色，表示物体自发光的颜色，
2024-12-20 14:40:39
阅读数: 10
评论数: 0
html/css/js
THREE.Raycaster 射线投射
一、概述
THREE.Raycaster 是基于射线的碰撞检测工具，它通过在场景中从一个起点沿某个方向发射射线，来判断射线是否与 3D 场景中的物体发生碰撞。它非常适用于与物体交互或实现射线检测的功能
2024-12-20 13:41:58
阅读数: 4
评论数: 0
html/css/js
threejs 归一化设备坐标
一、归一化设备坐标
在屏幕像素坐标系统中：
X 轴的正方向是从左到右，和归一化设备坐标系统一致。
Y 轴的正方向是从上到下，这与归一化设备坐标系统 相反。
在归一化设备坐标 (NDC) 系统中：
2024-12-20 13:30:52
阅读数: 3
评论数: 0
html/css/js
threejs 三维物体（Object3D）
一、概述
THREE.Object3D 是 Three.js 的基础类，用于表示 3D 空间中的一个对象。几乎所有的 3D 对象（如 Mesh、Group、Camera、Light 等）都继承自 TH
2024-12-20 11:31:48
阅读数: 222
评论数: 0
一、THREE.Mesh
THREE.Mesh 是 Three.js 中的 3D 模型或几何体对象，它将几何数据（geometry）与材质（material）结合在一起，形成可以渲染的 3D 对象。
2024-12-20 10:50:17
阅读数: 6
评论数: 0
html/css/js
TweenJS库
一、概述
TweenJS 是一个简单但功能强大的动画库，常用于在 JavaScript 项目中实现动画效果。它是 CreateJS 的一部分.
二、使用
1、安装
npm install @tween
2024-12-20 10:14:04
阅读数: 12
评论数: 0
html/css/js
THREE.Clock管理和获取时间
一、概述
THREE.Clock 是 Three.js 中的一个类，用于管理和获取时间的流逝，特别是用于控制动画或其他基于时间的更新。它通常用于在每帧渲染时获取经过的时间，帮助计算帧率或实现平滑的动画
2024-12-20 10:08:15
阅读数: 6
评论数: 0
html/css/js
threejs中的OrbitControls
一、概述
OrbitControls 是 three.js 中的一个控制器，用于实现对 3D 场景的相机控制，允许用户通过鼠标或触摸操作来旋转、缩放和平移视图。
即轨道控制器，可以使相机围绕目标旋转。
2024-12-20 09:40:36
阅读数: 96
评论数: 0
html/css/js
threejs WebGLRenderer
一、概述
WebGLRenderer 是 three.js 中的核心渲染器，用于将 3D 场景渲染到网页的 <canvas> 元素上。它使用 WebGL 技术，通过 GPU（图形处理单元）进行硬件加速
2024-12-20 09:31:55
阅读数: 12
评论数: 0
11月初，由省医保局指导开发的“药品在线比价”系统率先在哈尔滨市启动上线测试。经过一个月的试运行，该系统已经成功为哈尔滨市参保群众提供了便捷、透明的药品价格查询服务。为进一步降低全省群众购药负担，确保
2024-12-20 03:15:25
阅读数: 7
评论数: 0
html/css/js
threejs CSS2DRenderer
一、概述
CSS2DRenderer 是 three.js 中的一个渲染器，用于将 HTML/CSS 元素（如标签、文本、图片等）渲染到 3D 场景中的指定位置。这种渲染器与 WebGLRendere
2024-12-19 16:48:09
阅读数: 7
评论数: 0
html/css/js
网页中各种长度
一、DOM元素的宽度和高度
1、offsetWidth、offsetHeight
offsetWidth 和 offsetHeight 返回元素的总宽度和高度，包括内容区、内边距（padding）、
2024-12-19 16:15:58
阅读数: 7
评论数: 0
html/css/js
uuid库
一、概述
在 Vue 项目中使用 UUID（通用唯一标识符）可以帮助生成唯一的键或标识符。
性能：生成 UUID 的过程相对简单，但在高频率调用时仍需注意性能。
唯一性：UUID 的设计确保了其唯一
2024-12-19 14:06:27
阅读数: 8
评论数: 0
html/css/js
vite环境变量
一、构建环境
在 Vite 项目中，通常有三种环境：
development: 开发环境，通常通过 vite 或 npm run dev 启动。
production: 生产环境，通常通过 vite
2024-12-19 13:51:49
阅读数: 7
评论数: 0
html/css/js
?. 可选链运算符
一、概述
在 Vue 中，?. 是 JavaScript 的可选链运算符（Optional Chaining Operator）。它允许你在访问对象属性时避免因 null 或 undefined 引发
2024-12-19 13:36:13
阅读数: 10
评论数: 0
html/css/js
?? 空值合并运算符
在 JavaScript 中，?? 是空值合并运算符（Nullish Coalescing Operator）
当左侧操作数为 null 或 undefined 时，返回右侧操作数；否则返回左侧操作数
2024-12-19 13:35:51
阅读数: 7
评论数: 0
html/css/js
vue中的组合式api
一、概述
在 Vue 2.x 中，开发者通常使用选项式 API来组织组件的代码，这种方式通过在 data、methods、computed 等选项中定义不同的功能来组织代码。然而，当组件的逻辑变得复杂
2024-12-19 13:04:01
阅读数: 10
评论数: 0
html/css/js
vue3中的shallowRef
一、概述
在 Vue 3 中，shallowRef 是一种用于创建浅层响应式引用的 API。与 ref 不同，shallowRef 只会对其引用的值进行浅层监听，而不会递归地使对象的内部属性也成为响应
2024-12-19 12:30:40
阅读数: 7
评论数: 0