解决了吗?
微信浏览器使用threejs,贴图使用video无法正常渲染?因为有一个全景视频的需求,所以在网页端需要使用threejs的VideoTexture的方式进行贴图,但是在其他浏览器上均可以正常实现,在微信上无法正常展示,显示黑屏。可以通过下面的网页的例子来查看 https://threejs.org/examples/?q=video#webgl_video_panorama_equirectangular 希望官方能看看,尽快解决这个问题
2022-08-25请问现在有解决方案了吗
AR问题跟踪与定位2D目标图像后,如何将官方demo示例里的模型替换为视频与识别的模板图像进行贴合?AR问题:跟踪与定位2D目标图像后,如何将官方demo示例里的模型替换为视频,与识别的模板图像进行贴合。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/visionkit/marker.html
2022-08-24如果不在swiper中绑定handleChangeBanner的话一切正常
swiper调用animation导致swiper-item自动垂直布局,如何更改?基础库2.24.7 ,在去掉animation的时候swiper显示一切正常 [图片] wxml <view class="container {{isMask === true ? 'mask-blur':''}}"> <swiper current="{{currentBannerIndex}}" bindchange="handleChangeBanner" next-margin="60rpx" previous-margin="60rpx" class="swiper"> <swiper-item wx:for="{{list}}" wx:key="id" animation="{{currentBannerIndex == index ? animationSelected : animationNoSelected}}"> <view class="swiper-item-view"> <text class="addtime">{{item.addTime}}</text> <view class="swiper-item" bindtap="gopriview" data-item="{{item}}"> <image src="{{item.bookCover}}" class="scrollImage"></image> <text>{{item.projectIntroduce}}</text> </view> </view> </swiper-item> </swiper> </view> js Page({ data: { list: [ { projectIntroduce: "text1", addTime: "123", bookCover: "//obsa.arsnowslide.com/195360628956909568/244552849175306240.jpg", }, { projectIntroduce: "text1", addTime: "123", bookCover: "//obsa.arsnowslide.com/195360628956909568/244552849175306240.jpg", }, ], title: "历史记录", isMask: false, borchureDetail: {}, animationSelected: {}, animationNoSelected: {}, currentBannerIndex: 0, }, onLoad(options) {}, handleChangeBanner(e) { if (e.detail.source !== "touch") return; this.setData({ currentBannerIndex: e.detail.current, }); console.log(this.data.currentBannerIndex); this.enlarge(); this.shrink(); }, enlarge() { console.log("enlarge"); let animationSelected = wx.createAnimation({ duration: 1000, timingFunction: "ease", }); animationSelected.scale(1.2, 1.2).step(); this.setData({ animationSelected: animationSelected.export(), }); }, shrink() { console.log("shrink"); let animationNoSelected = wx.createAnimation({ duration: 1000, timingFunction: "ease", }); animationNoSelected.scale(1, 1).step(); this.setData({ animationNoSelected: animationNoSelected.export(), }); }, onShow() { this.enlarge(); this.shrink(); }, }); less .container { width: 100%; height: 100vh; display: flex; align-items: center; flex-direction: column; .swiper { margin-top: 201rpx; width: 100%; height: 100%; display: flex; .swiper-item-view{ display: flex; flex-direction: column; align-items: center; .addtime { color: #fff; z-index: 99; } .swiper-item { .scrollImage { margin-top: 54rpx; border-radius: 20rpx; width: 500rpx; height: 700rpx; } text { margin-top: 25rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: #020202; line-height: 48rpx; } width: 613rpx; height: 923rpx; display: flex; flex-direction: column; align-items: center; } } } }
2022-07-05