分类:threejs知识库

threejs知识库

THREE.Euler方法使用实例

THREE.Euler方法使用实例
new THREE.Euler(0, 0, 0) 是 Three.js 中创建欧拉角对象的方法,其参数为三个旋转角度(绕 x、y、z 轴的旋转角度)。这些角度用来描述物体在三维空间中的旋转姿态。 var euler = new THREE.Euler(x, y, z); x:...

yekong 1年前 (2023-07-23) 喜欢

threejs BoxGeometry 参数及使用

threejs BoxGeometry 参数及使用
BoxGeometry 是 Three.js 中的一个基本几何体(Geometry),用于创建一个立方体或者长方体。 在 Three.js 中,要创建一个 BoxGeometry,可以使用以下代码: // 创建一个 BoxGeometry var width = 1; ...

yekong 1年前 (2023-07-23) 喜欢

threejs DefaultLoadingManager 加载事件有哪些?

threejs DefaultLoadingManager 加载事件有哪些?
THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件,可以用于处理加载过程中的不同阶段。它提供了四个加载事件,分别是 onStart、onProgress、onLoad 和 onError,每个事件...

yekong 1年前 (2023-07-22) 喜欢

three项目中requestAnimationFrame的作用

three项目中requestAnimationFrame的作用
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法,用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数,从而使动画在刷新率(通常为每秒 60 次)下更加流畅。 在动画中使用 requestAnimationFrame 可以替代传统...

yekong 1年前 (2023-07-22) 喜欢

CSS2DRenderer和CSS3DRenderer的区别

CSS2DRenderer和CSS3DRenderer的区别
CSS2DRenderer 和 CSS3DRenderer 都是 Three.js 中用于在 Three.js 场景中渲染 HTML 元素的渲染器,它们都可以将 HTML 元素作为 2D 或 3D 的精灵(Sprite)在 Three.js 场景中进行渲染,实现与场景中的 3D ...

yekong 1年前 (2023-07-21) 喜欢

CSS3DSprite 介绍以及使用

CSS3DSprite 介绍以及使用
CSS3DSprite 是 Three.js 中的一个类,用于在 Three.js 场景中将 HTML 元素作为 3D 精灵(Sprite)进行渲染,实现在场景中显示与场景中的 3D 物体关联的 HTML 元素。CSS3DSprite 是 CSS3DObject 的子类,用于特定...

yekong 1年前 (2023-07-21) 喜欢

threejs CSS2DRenderer介绍与使用实例

threejs CSS2DRenderer介绍与使用实例
CSS2DRenderer 是 Three.js 中的一个渲染器,用于在 Three.js 场景中渲染 HTML 元素,实现 2D 的 CSS 样式渲染。它可以将 HTML 元素作为 2D 的精灵(Sprite)在 Three.js 场景中进行渲染,可以用于在 Three.js ...

yekong 1年前 (2023-07-21) 喜欢

threejs Raycaster射线投射介绍

threejs Raycaster射线投射介绍
Three.js的Raycaster(射线投射器)是一个用于检测场景中物体与射线相交的工具。它可以用于实现鼠标拾取、碰撞检测、交互式选择等功能。Raycaster通过从指定的原点(如摄像机位置)发射射线,来检测射线与场景中物体的相交情况。Raycaster射线投射在3d模型中使用...

yekong 1年前 (2023-07-21) 喜欢

threejs Fog 雾化效果用法介绍

threejs Fog 雾化效果用法介绍
THREE.Fog 是 Three.js 中用于实现线性雾化效果的类。它的用法、参数和一个简单的使用实例如下: 用法: 创建 THREE.Fog 对象: const fog = new THREE.Fog(color, near, far); 参数: color:表示雾化的颜...

yekong 1年前 (2023-07-21) 喜欢

threejs和d3区别有哪些?

threejs和d3区别有哪些?
Three.js和D3.js都是JavaScript库,但它们在功能和使用场景上有很大的区别。 Three.js 这是一个轻量级且功能强大的3D库,主要用于WebGL编程。它提供了很多实用的功能,可以方便的创建和显示3D内容。例如,你可以用Three.js创建3D游戏,或者在网页...

yekong 1年前 (2023-07-04) 喜欢