Group层级模型（树结构）
下面代码创建了两个网格模型mesh1、 mesh2，通过 THREE. Group 类创建一个组对象
group，然后通过add方法把网格模型mesh1、 mesh2作为设置为组对象group的子对象，然后在通过执行 scene. add（group...
yekong
2年前 (2023-01-16)
喜欢
通过使用threejs的使用requestAnimationFrame渲染循环实现旋转动画。
function render() {
model.rotation.x += 0.01
renderer.render(scene, camera)
reque...
yekong
2年前 (2023-01-16)
喜欢
模型的角度属性，rotation和四元数属性．quaternion 都是表示模型的角度状态，只是表示方法不同，.rotation属性值是欧拉对象Euler，.quaternion 属性值是是四元数对象Quaternion
欧拉对象 Euler
创建一个欧拉对象，表示绕xyz轴分...
yekong
2年前 (2023-01-16)
喜欢
点模型Points、线模型Line、网格网格模型Mesh 等模型对象的父类都是Object3D，如果想对这些模型进行旋转、缩放、平移等操作，如何实现，可以查询Threejs文档Object3D对相关属性和方法的介绍。
三维向量 Vector3
三维向量 Vector3有xyz三...
yekong
2年前 (2023-01-16)
喜欢
BufferGeometry通过，scale()、.translate()、.rotatex()、.rotateY() 等方法 可以对几何体本身进行缩放、平移、旋转这些方法本质上都是改变几何体的顶点数据。
缩放
var geometry = new THREE.PlaneGeo...
yekong
2年前 (2023-01-15)
喜欢
缓冲类型几何体BufferGeometry
threejs的长方体BoxGeometry、球体SphereGeometry等几何体都是基于
BufferGeometry类构建的，BufferGeometry是一个没有任何形状的空几何体，你可以通过 BufferGeometry自定...
yekong
2年前 (2023-01-15)
喜欢
代码
const stats = new Stats()
document.body.appendChild(stats.domElement)
function render() {
stats.update()
mesh.rotateY(0.01); //周...
yekong
2年前 (2023-01-15)
喜欢
threejs渲染输出的结果就是一个Cavnas画布，canvas画布也是HTML的元素之一，这意味着three.js渲染结果的布局和普通web前端习惯是一样的。
通过renderer.domElement属性可以访问threejs的渲染结果，也就是HTML的元素 canvas
...
yekong
2年前 (2023-01-15)
喜欢
threejs可以借助HTML5的API请求动画帧window．requestAnimationFrame实现动画渲染。
// requestAnimationFrame实现周期性循环执行
// requestAnimationFrame默认每秒钟执行60次，但不一定能做到，要看...
yekong
2年前 (2023-01-15)
喜欢
js创建div并添加绑定点击事件
var button = document.createElement("div"); //创建一个div
//给这个div添加样式
button.style.cssText = "width:100%...
yekong
2年前 (2023-01-11)
喜欢
