![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgl
昵称全重复
这个作者很懒,什么都没留下…
展开
-
webgl three 项目常用操作
子项的位置是相对于父项的位置确定的 比如父项x为-30 子项为0 那么子项的实际位置在-30。把模型分组后可以通过group设置一些共有属性 比如例子中的房子在x轴平铺 y、z是相同的。这样设置有利于把一个整体一起放在图上 而不用一个一个设置坐标。根据id获取会报错 id是只读属性 最好还是不要使用id。大部分世界位不在属性上。原创 2024-05-22 08:06:24 · 147 阅读 · 0 评论 -
webgl three 几何体
0, 0, 0, //顶点1坐标50, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标0, 0, 10, //顶点4坐标0, 0, 100, //顶点5坐标50, 0, 10, //顶点6坐标]);// 点渲染模式size: 10.0 //点对象像素尺寸});//点模型对象 可以一次传入多个点 一次绘制。原创 2024-05-17 15:54:53 · 123 阅读 · 0 评论 -
webgl three 材质
材质默认只有正面可见 side: THREE.FrontSide,可以设置为 THREE.DoubleSide THREE.BackSide。原创 2024-05-17 10:47:57 · 248 阅读 · 0 评论 -
webgl three 模型、几何体、材质关系 及克隆、拷贝
网格模型Mesh、几何体、材质复制使用克隆.clone()当一个改变时另外两个也都改变 几何体也一样。使用相同几何体、材质的模型相互等价。重复模型、几何体、材质可以多次使用。克隆出来的模型共享材质、几何体。对象使用复制.copy()更改坐标放在不同位置。原创 2024-05-17 10:46:19 · 221 阅读 · 0 评论 -
webgl three入门基础
【代码】webgl three入门基础。原创 2024-05-16 09:35:52 · 67 阅读 · 0 评论 -
webgl three 模型操作
模型位置操作是改变相关属性 平移改变位置 缩放改变缩放值 旋转改变角度webgl中是4x4矩阵 前三排是原始状态 第四排是改变值 .position 位置 .scale 缩放 .rotation 绕轴旋转 .quaternion 绕axis旋转 其实和svg差不多缩放缩放是操作对角线 // Matrix4x4 scale: //[0] : ( sx, 0, 0, 0 ) //[1] : ( 0, sy, 0, 0 )原创 2024-05-17 10:09:33 · 177 阅读 · 0 评论