A-Frame-在VR模式下,在RenderTarget渲染时会出现屏幕闪烁现象
创始人
2024-07-21 11:40:06
0

要解决这个问题,需要在创建 RenderTarget 的同时使用 requestAnimationFrame 方法,并保证在 VR 提供程序中将请求的帧绑定到正确的 RenderTarget 上。

下面是一个简单的代码示例:

var sceneEl = document.querySelector('a-scene'); var renderer = sceneEl.renderer; var renderTarget = new THREE.WebGLRenderTarget(256, 256); var id = null;

requestAnimationFrame(render);

function render(timestamp) { id = requestAnimationFrame(render);

// VR 核心渲染循环 renderer.render(sceneEl.object3D, sceneEl.camera, renderTarget);

// 解绑 VR 提供程序的渲染目标 renderer.vr.submitFrame();

// 解绑渲染目标,避免闪烁 renderer.setRenderTarget(null); }

// 在 VR 提供程序中将渲染目标绑定到请求的帧中 renderer.vr.setRenderTarget(renderTarget, 0);

// 取消渲染循环时,取消帧绑定 function cancelRenderLoop() { cancelAnimationFrame(id);

// 解绑 VR 提供程序的渲染目标 renderer.vr.setRenderTarget(null, 0); }

// 最后,确保在取消或退出时清理 window.addEventListener('beforeunload', cancelRenderLoop); sceneEl.addEventListener('exit-vr', cancelRenderLoop);

相关内容

热门资讯

安卓系统怎么连不上carlif... 安卓系统无法连接CarLife的原因及解决方法随着智能手机的普及,CarLife这一车载互联功能为驾...
oppo手机安卓系统换成苹果系... OPPO手机安卓系统换成苹果系统:现实吗?如何操作?随着智能手机市场的不断发展,用户对于手机系统的需...
iwatch怎么连接安卓系统,... 你有没有想过,那款时尚又实用的iWatch,竟然只能和iPhone好上好?别急,今天就来给你揭秘,怎...
iphone系统与安卓系统更新... 最近是不是你也遇到了这样的烦恼?手机更新系统总是失败,急得你团团转。别急,今天就来给你揭秘为什么iP...
安卓系统上滑按键,便捷生活与高... 你有没有发现,现在手机屏幕越来越大,操作起来却越来越方便了呢?这都得归功于安卓系统上的那些神奇的上滑...
安卓平板改windows 系统... 你有没有想过,你的安卓平板电脑是不是也能变身成Windows系统的超级英雄呢?想象在同一个设备上,你...
安卓系统连接耳机模式,蓝牙、有... 亲爱的手机控们,你们有没有遇到过这种情况:手机突然变成了“耳机模式”,明明耳机没插,声音却只从耳机孔...
希沃系统怎么装安卓系统,解锁更... 亲爱的读者们,你是否也像我一样,对希沃一体机上的安卓系统充满了好奇呢?想象在教室里,你的希沃一体机不...
安装了Anaconda之后找不... 在安装Anaconda后,如果找不到Jupyter Notebook,可以尝试以下解决方法:检查环境...
安卓换鸿蒙系统会卡吗,体验流畅... 最近手机圈可是热闹非凡呢!不少安卓用户都在议论纷纷,说鸿蒙系统要来啦!那么,安卓手机换上鸿蒙系统后,...