网站开发设计需求文档,百度关键词热搜,制作网页游戏的软件,长春网站搭建上一篇讲解了如何在uniApp中创建xr-frame子组件并创建简单的3D场景。
这篇我们讲解在xr-frame中如何给几何体赋予贴图材质。
先看源码 xr-scene render-systemalpha:true bind:readyhandleReadyxr-nodexr-assetsxr-asse…上一篇讲解了如何在uniApp中创建xr-frame子组件并创建简单的3D场景。
这篇我们讲解在xr-frame中如何给几何体赋予贴图材质。
先看源码 xr-scene render-systemalpha:true bind:readyhandleReadyxr-nodexr-assetsxr-asset-load typetexture asset-idwaifu srchttps://mmbiz.qpic.cn/mmbiz_png/DWsjgNA1bNiaibib33WXx0leuaiczS0InficusibtVMd9WrCwJMbLZpxkQLpDoTUZFJb0WhnNXFLF7I4XWQOR9ibunXsA/640?wx_fmtpngamp;fromappmsg //xr-assetsxr-mesh node-idcube cast-shadow geometrycube uniformsu_baseColorMap: waifu//xr-nodexr-camera idcamera clear-color0 0 0 0 position1 1 2 targetcube camera-orbit-control//xr-scene
1.加载贴图资源
xr-asset标签表示这个标签下是要加载的资源。
xr-asset-load标签表示这是一个资源加载器 type 表示资源类型这里赋值为texture,表示要加载的是一个纹理图片 src 表示图片纹理的地址。 asset-id 表示这个资源的id这个id在后面要赋值给后面的模型u_baseColorMap属性
xr-mesh标签表示要将创建的一个模型接下来要给这个模型加入贴图纹理。就要设置这个标签中的uniforms属性
在uniforms属性中设置u_baseColorMap: waifu 2.在微信开发者工具的模拟器中看效果 这里给大家推荐一个微信小程序 3D模型素材库这个小程序中的模型都是针对小程序优化后的glb格式文件体积小加载快非常适合小程序使用
