html/css/js
threejs中材质
一、material.emissive
在 Three.js 中,material.emissive 是一个材质属性,用来控制物体的 自发光 效果。这个属性的值通常是一个 颜色,表示物体自发光的颜色,
2024-12-22 14:57:23
阅读数: 25
评论数: 0
第三十七届太阳岛雪博会雪塑《雪人先生》。图片由太阳岛风景区提供记者从太阳岛风景区获悉,第三十七届太阳岛国际雪雕艺术博览会将于23日试开园。第三十七届太阳岛雪博会以“同梦同心·冰雪传奇”为主题,将雪雕艺
2024-12-22 03:15:34
阅读数: 0
评论数: 0
html/css/js
threejs 动画系统
一、动画片段 animation clips
每个animationClip通常保存3D动画对象某个活动的数据。举个例子,假如mesh是一个角色,可能有一个AnimationClip实现步行循
2024-12-21 15:44:57
阅读数: 99
评论数: 0
html/css/js
THREE.DirectionalLight 平行光源
一、概述
THREE.DirectionalLight 是 Three.js 中的一种平行光源(Directional Light),用于模拟来自无限远处的均匀光线,例如太阳光。它照射到场景中的所有对
2024-12-21 15:27:13
阅读数: 31
评论数: 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
阅读数: 97
评论数: 0
html/css/js
threejs WebGLRenderer
一、概述
WebGLRenderer 是 three.js 中的核心渲染器,用于将 3D 场景渲染到网页的 <canvas> 元素上。它使用 WebGL 技术,通过 GPU(图形处理单元)进行硬件加速
2024-12-20 09:31:55
阅读数: 13
评论数: 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