做网站做app什么专业,ccd设计公司很厉害吗,哈尔滨站建筑面积,有哪些可以做网站的企业1.效果展示 0868d9b9f56517a9a07dfc180cddecb2 2.微信小程序AR是2023年初发布#xff0c;还有很多问提#xff08;比如glb模型不能直接播放最后一帧#xff1b;AR识别不了金属、玻璃材质的模型等…有问题解决了的小伙伴记得告诉我一声#xff09; 微信官方文档地址 3.代码…1.效果展示 0868d9b9f56517a9a07dfc180cddecb2 2.微信小程序AR是2023年初发布还有很多问提比如glb模型不能直接播放最后一帧AR识别不了金属、玻璃材质的模型等…有问题解决了的小伙伴记得告诉我一声 微信官方文档地址 3.代码展示我用的是微信官方文档案例
demo框架。官方文档demo 4.代码展示 先创建组件xr-ar-cameraglb index.wxml代码 xr-scene idxr-scenecameraglb ar-system bind:readyhandleReady bind:ar-readyhandleARReady bind:ar-errorhandleARError!-- 初始化模型 handleAssetsLoaded初始化模型加载完毕 handleAssetsProgress模型加载进度 1是加载完毕--xr-assets bind:progresshandleAssetsProgress bind:loadedhandleAssetsLoaded!-- xr-asset-load typegltf asset-idgltf-table srcglb模型 / --xr-asset-load typegltf asset-idgltf-table src要呈现的模型glb //xr-assetsxr-env env-dataxr-frame-team-workspace-day /xr-node!-- 跟随手机移动 position0 0 -1 --xr-node node-idtable-wrap position0 0 -1!-- 初始化模型 position位置调整 x y zscale:缩放调整 x y z
--xr-gltf wx:if{{modeShow}} idwxball-2 bind:touch-shapehandleTouchWXball bind:gltf-loadedhandleGLTFLoaded node-idmesh-gltf-table scale0.25 0.25 0.25 position0.1 -0.5 -2.9 rotation-355 0 0 modelgltf-table animationanimation-key anim-autoplay //xr-node!--不跟随手机移动 position2 1 10 near0.0001 is-ar-camera--!-- xr-camera targetgltf-table is-ar-camera clear-color0.925 0.925 0.925 1 backgroundar far2000 / --!-- 跟随手机移动 --xr-camera clear-color0.4 0.6 0.7 1backgroundar targettable-wrap far2000
//xr-nodexr-node node-idlights!-- 初始化模型 --xr-light typeambient color1 1 1 intensity1.5 /!-- 点光源 --xr-light typepoint position0 0 0 color1 1 1 range20 intensity10 //xr-node
/xr-sceneindex.json代码
{component: true,usingComponents: {},renderer: xr-frame
}index.js代码
Component({behaviors: [require(../common/share-behavior).default],data: {loaded: false,modeShow: false},lifetimes: {attached() {// console.log(data.a, this.data.a) // expected 123}},methods: {handleGLTFLoaded({detail}) {let that this;console.log(初始化模型加载结束);this.triggerEvent(changeShow, {isshows: true});},handleTouchWXball: function () {},handleReady({detail}) {// 显示加载中提示wx.showLoading({title: 加载中,mask: true // 是否显示透明蒙层防止用户点击其他区域})const xrScene this.scene detail.value;},handleAssetsProgress: function ({detail}) {if (detail.value.progress 1) { //组件加载完毕// console.log(初始化模型相机, detail.value.progress);}},handleAssetsLoaded: function ({detail}) {// console.log(模型加载完毕111, detail.value);// 隐藏加载中提示let that this;wx.hideLoading();setTimeout(res {this.setData({modeShow: true, //显示模型loaded: true})this.triggerEvent(changeLoaded, {changeLoaded: true});// 4秒后暂停模型setTimeout(() {// console.log(模型加载完毕111);const animator1 that.scene.getElementById(wxball-2).getComponent(animator);animator1.pause();this.triggerEvent(changeShow, {isshows: true});}, 10000)}, 100)},handleARReady: function ({detail}) {console.log(ar-ready, this.scene.ar.arModes, this.scene.ar.arVersion);},handleARError: function ({detail}) {console.log(ar-error, detail);},handleLog: function ({detail}) {const {el,value} detail;console.log(log, detail.value);},}
})5.在page创建父组件scene-ar-germanBusiness 在app.json里注册理由
pages/ar/scene-ar-germanBusiness/index,index.wxml文件代码
view!-- 初始化模型 --xr-demo-viewerxr-ar-cameraglbbind:changeShowchangeShowbind:changeLoadedchangeLoadeddisable-scrollidmain-frame1width{{renderWidth}}height{{renderHeight}}stylewidth:{{width}}px;height:{{height}}px;top:{{top}}px;left:{{left}}px;display:block;//xr-demo-viewer
/viewindex.json代码 子组件地址根据自己的路径来 xr-demo-viewer组件在官方文档demo里面有
{usingComponents: {xr-demo-viewer: ../../../components/xr-demo-viewer/index,xr-ar-cameraglb: ../../../components/xr-ar-cameraglb/index},disableScroll: true
}index.js代码
var sceneReadyBehavior require(../../behavior-scene/scene-ready);
var handleDecodedXML require(../../behavior-scene/util).handleDecodedXML;
Page({
data:{
musicbg: null,//菜单音乐
},onUnload() {this.musicbg.stop();// 清除video定时器// clearTimeout(this.data.time3);},onHide() {this.musicbg.stop();},onLoad(options) {wx.setNavigationBarTitle({title: AR})let that this;// 背景音乐this.musicbg wx.createInnerAudioContext()this.musicbg.src https://cyvideo.i-oranges.com/ar/ds2024/music-1.mp3;//背景音乐线上地址this.musicbg.volume 0.6;this.musicbg.loop true;//初始化如果是视频则显示背景音乐;模型则注释该代码this.musicbg.play();// 关闭主页按钮// wx.hideHomeButton();},//关闭初始化模型changeShow: function (e) {// this.closeMusic.play();if (e.detail.isshows) {setTimeout(res {// 4秒播放完成后展示菜单和最后一帧this.setData({// video1: true,// gestureShow: 3,// tipsTu: true,// loadMeaunShow: true})// this.firstMusic.pause();//关闭初始化模型音乐}, 10000)}},//初始化模型changeLoaded:function(event){console.log(初始化模型,event.value);this.musicbg.play();},
})以上就是我呕心沥血的橙果家人们记得点赞收藏呀~ 文章转载自： http://www.morning.fbmrz.cn.gov.cn.fbmrz.cn http://www.morning.dfbeer.com.gov.cn.dfbeer.com http://www.morning.sdecsd.cn.gov.cn.sdecsd.cn http://www.morning.lxfdh.cn.gov.cn.lxfdh.cn http://www.morning.yggwn.cn.gov.cn.yggwn.cn http://www.morning.zczkm.cn.gov.cn.zczkm.cn http://www.morning.bmbnc.cn.gov.cn.bmbnc.cn http://www.morning.sqnrz.cn.gov.cn.sqnrz.cn http://www.morning.stmkm.cn.gov.cn.stmkm.cn http://www.morning.nccqs.cn.gov.cn.nccqs.cn http://www.morning.pswqx.cn.gov.cn.pswqx.cn http://www.morning.tkgjl.cn.gov.cn.tkgjl.cn http://www.morning.gyqnp.cn.gov.cn.gyqnp.cn http://www.morning.pinngee.com.gov.cn.pinngee.com http://www.morning.hxfrd.cn.gov.cn.hxfrd.cn http://www.morning.fbnsx.cn.gov.cn.fbnsx.cn http://www.morning.nwzcf.cn.gov.cn.nwzcf.cn http://www.morning.mxnrl.cn.gov.cn.mxnrl.cn http://www.morning.tjpmf.cn.gov.cn.tjpmf.cn http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn http://www.morning.qlkzl.cn.gov.cn.qlkzl.cn http://www.morning.ynlbj.cn.gov.cn.ynlbj.cn http://www.morning.nwqyq.cn.gov.cn.nwqyq.cn http://www.morning.knpmj.cn.gov.cn.knpmj.cn http://www.morning.rmxgk.cn.gov.cn.rmxgk.cn http://www.morning.nhlnh.cn.gov.cn.nhlnh.cn http://www.morning.wnbqy.cn.gov.cn.wnbqy.cn http://www.morning.gqflj.cn.gov.cn.gqflj.cn http://www.morning.blqgc.cn.gov.cn.blqgc.cn http://www.morning.kgnrh.cn.gov.cn.kgnrh.cn http://www.morning.stpkz.cn.gov.cn.stpkz.cn http://www.morning.ynwdk.cn.gov.cn.ynwdk.cn http://www.morning.xbbrh.cn.gov.cn.xbbrh.cn http://www.morning.gxklx.cn.gov.cn.gxklx.cn http://www.morning.bhqlj.cn.gov.cn.bhqlj.cn http://www.morning.kpxzq.cn.gov.cn.kpxzq.cn http://www.morning.lysrt.cn.gov.cn.lysrt.cn http://www.morning.ywrt.cn.gov.cn.ywrt.cn http://www.morning.rkwwy.cn.gov.cn.rkwwy.cn http://www.morning.zphlb.cn.gov.cn.zphlb.cn http://www.morning.ndtmz.cn.gov.cn.ndtmz.cn http://www.morning.pamdeer.com.gov.cn.pamdeer.com http://www.morning.fdfsh.cn.gov.cn.fdfsh.cn http://www.morning.sqqkr.cn.gov.cn.sqqkr.cn http://www.morning.ktdqu.cn.gov.cn.ktdqu.cn http://www.morning.nmpdm.cn.gov.cn.nmpdm.cn http://www.morning.sskkf.cn.gov.cn.sskkf.cn http://www.morning.gbfck.cn.gov.cn.gbfck.cn http://www.morning.leeong.com.gov.cn.leeong.com http://www.morning.qdrhf.cn.gov.cn.qdrhf.cn http://www.morning.bfnbn.cn.gov.cn.bfnbn.cn http://www.morning.jngdh.cn.gov.cn.jngdh.cn http://www.morning.mtymb.cn.gov.cn.mtymb.cn http://www.morning.mwns.cn.gov.cn.mwns.cn http://www.morning.ryfq.cn.gov.cn.ryfq.cn http://www.morning.dpgdj.cn.gov.cn.dpgdj.cn http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn http://www.morning.rqdx.cn.gov.cn.rqdx.cn http://www.morning.nbqwt.cn.gov.cn.nbqwt.cn http://www.morning.bpmnj.cn.gov.cn.bpmnj.cn http://www.morning.lsxabc.com.gov.cn.lsxabc.com http://www.morning.rdnjc.cn.gov.cn.rdnjc.cn http://www.morning.kkgbs.cn.gov.cn.kkgbs.cn http://www.morning.fmswb.cn.gov.cn.fmswb.cn http://www.morning.syfty.cn.gov.cn.syfty.cn http://www.morning.jggr.cn.gov.cn.jggr.cn http://www.morning.zshuhd015.cn.gov.cn.zshuhd015.cn http://www.morning.darwallet.cn.gov.cn.darwallet.cn http://www.morning.spfh.cn.gov.cn.spfh.cn http://www.morning.beijingzy.com.cn.gov.cn.beijingzy.com.cn http://www.morning.ppqzb.cn.gov.cn.ppqzb.cn http://www.morning.yjxfj.cn.gov.cn.yjxfj.cn http://www.morning.jzccn.cn.gov.cn.jzccn.cn http://www.morning.kmcfw.cn.gov.cn.kmcfw.cn http://www.morning.krbjb.cn.gov.cn.krbjb.cn http://www.morning.xesrd.com.gov.cn.xesrd.com http://www.morning.bcnsl.cn.gov.cn.bcnsl.cn http://www.morning.lznfl.cn.gov.cn.lznfl.cn http://www.morning.kjyhh.cn.gov.cn.kjyhh.cn http://www.morning.fksrg.cn.gov.cn.fksrg.cn
