标签:threejs

js

threejs 组对象 学习笔记

threejs 组对象  学习笔记
Group层级模型(树结构) 下面代码创建了两个网格模型mesh1、 mesh2,通过 THREE. Group 类创建一个组对象 group,然后通过add方法把网格模型mesh1、 mesh2作为设置为组对象group的子对象,然后在通过执行 scene. add(group...

yekong 2年前 (2023-01-16) 喜欢

js

threejs 实现旋转动画

threejs 实现旋转动画
通过使用threejs的使用requestAnimationFrame渲染循环实现旋转动画。 function render() { model.rotation.x += 0.01 renderer.render(scene, camera) reque...

yekong 2年前 (2023-01-16) 喜欢

js

threejs 角度属性.rotation 学习笔记

threejs 角度属性.rotation 学习笔记
模型的角度属性,rotation和四元数属性.quaternion 都是表示模型的角度状态,只是表示方法不同,.rotation属性值是欧拉对象Euler,.quaternion 属性值是是四元数对象Quaternion 欧拉对象 Euler 创建一个欧拉对象,表示绕xyz轴分...

yekong 2年前 (2023-01-16) 喜欢

js

threejs画布尺寸和布局 学习笔记

threejs画布尺寸和布局 学习笔记
threejs渲染输出的结果就是一个Cavnas画布,canvas画布也是HTML的元素之一,这意味着three.js渲染结果的布局和普通web前端习惯是一样的。 通过renderer.domElement属性可以访问threejs的渲染结果,也就是HTML的元素 canvas ...

yekong 2年前 (2023-01-15) 喜欢

js

threejs 动画渲染循环

threejs 动画渲染循环
threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。 // requestAnimationFrame实现周期性循环执行 // requestAnimationFrame默认每秒钟执行60次,但不一定能做到,要看...

yekong 2年前 (2023-01-15) 喜欢