qq_20535249的博客

【代码】SSR原理测试。

矩阵运算

THREEjs 中删除 THREE.RGBFormat

计算Frustum

一、无需进行重编译的属性material.colormaterial.side二、无需进行重编译的属性material.mapmaterial.vertexColors

参考：OpenGL教程：深度测试深度冲突一个很常见的视觉错误会在两个平面或者三角形非常紧密地平行排列在一起时会发生，深度缓冲没有足够的精度来决定两个形状哪个在前面。结果就是这两个形状不断地在切换前后顺序，这会导致很奇怪的花纹。这个现象叫做深度冲突(Z-fighting)，因为它看起来像是这两个形状在争夺(Fight)谁该处于顶端。防止深度冲突第一个也是最重要的技巧是永远不要把多个物体摆得太靠近，以至于它们的一些三角形会重叠。通过在两个物体之间设置一个用户无法注意到的偏移值，你可以完全避免这两个物体之

1.Instance实例化几何体同一个Geometry ， 同一个 material ，但可以通过索引轻松控制每一个个体insGeometry = new THREE.BoxBufferGeometry(1, 1, 1);//创建具有多个实例的实例化几何体insMesh = new THREE.InstancedMesh(insGeometry, material, total);//修改位置let transform = new THREE.Object3D();for (let ind

自己定义的一个类如下：功能：实现传入多个锚点生成一条折线并伴有锚点，getPoint(percent)可以获取折线上任意一点的位置，并获取朝向、是否为锚点等信息。run()方法可以让传入mesh或相机等 在折线上运动 //自定义路径类 class myPath { constructor(array) { //将传进来的数组转换为Vec3集合 let pointsArr = [];

1.THREE.BufferGeometry 无 setAttribute方法经过测试发现Threejs库使用模块引入和使用script标签src引入并不完全一致，使用src引入无setAttribute方法，需改为使用模块引入。...

function initRay() { let getBoundingClientRect = canvas.getBoundingClientRect() // 屏幕坐标转标准设备坐标 let x = ((event.clientX - getBoundingClientRect .left) / canvas.offsetWidth) * 2 - 1;// 标准设备横坐标 l...