模型的角度属性，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)
喜欢
document.addEventListener('click', (event) => {
// do something
})
鼠标类
click 点击
mousedown 按下
mouseup 松开
mouseenter 划进
mouseleave 划出
mo...
yekong
2年前 (2023-01-06)
喜欢
threejs在vue中加载gltf使用鼠标移动会导致页面卡顿，研究发现是因为数据双向绑定造成的，所以进行了调整。
<template>
<div ref='canvasGLTF' class="canvasGLTF">
<...
yekong
2年前 (2023-01-03)
喜欢
