09 2024 档案
鼠标射线拾取
摘要:图例 图1-1 拾取步骤 先把鼠标点击的(X,Y)从屏幕坐标系转成webgl坐标系。 然后再把webgl坐标系通过投影逆变换转成投影坐标系,得到(X,Y)在投影坐标系下的值(Xw,Yw,Zw)。 把(Xw,Yw,Zw)减去相机的坐标得到射线的方向向量(起点是相机的坐标,知道起点和方向就可以得到一条无
阅读全文
场景初始化
摘要:获取初始化的元素 //常规 const targetdom = document.getElementById('targetdom') //vue3 const targetdom = ref('targetdom') //react const targetdom = ref('targetdo
阅读全文
后期-抗锯齿化(Fxaa,Smaa,Mmaa)
摘要:概述 在 Three.js 中,有几种常见的抗锯齿方法: MSAA(多重采样抗锯齿):这是一种较为常见的抗锯齿技术。通过在每个像素的多个采样点上进行采样和计算,来平滑边缘的锯齿效果。例如,使用 WebGLRenderer 时,可以通过设置 antialias: true 来启用默认的 MSAA 抗锯
阅读全文