摘要：
先看coding之前的效果： 这些在背面的标签的，转到一定角度，被模型遮挡后，理论上就不应该被看到。这才是比较符合实际的 coding之后（另一侧对称点就被隐藏）： 具体代码(j借助于光线投影)： // 绑定鼠标事件，当用户移动视角后触发() function bindRayShotEvent() 阅读全文
摘要：
middle mouse (wheel cilick) ： 旋转相机 shift + middle mouse (wheel cilick) : 移动相机 tab + ctrl : 切换模式 z: 着色方式 shading 常用的两种模式： object mode editor mode : 此模式 阅读全文
摘要：
在开发中，我发现了一个问题，就是在element-plus -table 组件中使用ref()， 定义的数据，在vue文件内部去修改这个响应式数据，任何时候，响应式数据改变，基本上视图也会跟着变化。 但是当我觉得vue文件中script中的代码太长了，将一些功能抽出来，通过引入外部函数的方式去更新响 阅读全文
摘要：
what is textures? UV: UV coordinate 决定了 材质在mesh上贴 、铺的方式和位置 // add texture // //第一种方式 // const image = new Image(); // const texture = new THREE.Textur 阅读全文
摘要：
1 import * as THREE from 'three' 2 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 import gsap from 'gsap' 4 import * a 阅读全文
摘要：
geometry(ies) 几何体: BoxGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Intege 阅读全文
摘要：
ArrayCamera： 一般用于，展示益、一个场景存在多个物体，每个物体各自拥有自己的视角的这种场景。 CubeCamera：一次性创建六个方位的相机（类似于正方体六个面，立方全景图中所有方位） StereoCamera： 立体相机，创建于类似于VR场景的，实现相机视角跟随鼠标的效果 Orthog 阅读全文
摘要：
import * as THREE from 'three' import gsap from 'gsap' // Canvas const canvas = document.querySelector('canvas.webgl') // Scene const scene = new THRE 阅读全文
摘要：
mesh.position.length() : 获得mesh到当前场景中心的距离 mesh.position.distanceTo(camera.postion): 获得当前mesh到相机的距离，这里参数可以是任意 vector3 坐标 mesh.position.normalize(): 将me 阅读全文
摘要：
controls.value.addEventListener('start',startEvent) controls.value.addEventListener('end', endEvent); 这样子给轨道控制器绑定事件后即可。 阅读全文