unity webgl网页运行后屏幕模糊,UI无响应问题解决

这篇具有很好参考价值的文章主要介绍了unity webgl网页运行后屏幕模糊,UI无响应问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【记一个莫名其妙的问题】

工具:Unity 2019.4.40f1c1

先前Unity打包apk,设置了最大帧率15

Application.targetFrameRate = 15;

在Project Settings ->Quality中设置了Other->VSync Count:Don’t Sync

运行后,帧率稳定在100上下,呵呵

后来在代码中加了一行:

QualitySettings.vSyncCount = 0;

问题解决

今天,准备再打一个webgl包
打包运行后,打开网页,画面停留在第一帧,极其模糊,UI点击无响应,但鼠标点击音效正常播放。

刚开始以为是前端代码被我玩坏了,还原h5文件与CSS文件后,问题未解决。

查看网页控制台报错:

Looks like you are rendering without using requestAnimationFrame for the main loop. You should use 0 for the frame rate in emscripten_set_main_loop in order to use requestAnimationFrame, as that can greatly improve your frame rates!

所以大概是‘帧’的问题?尝试注释掉了之前的那一行

QualitySettings.vSyncCount = 0;

问题解决。。。

查阅资料后,vSyncCount的含义是垂直同步,在Project Settings ->Quality中设置的Other->VSync Count有三个选项:
1.Don’t Sync:关闭垂直同步,手动设置帧率
2.Every V Blank:帧率60,手动设置无效
2.Every Second V Blank:帧率30,手动设置无效
设置垂直同步的意义在于防止画面高速高比例变换下的上一帧未渲染完成、下一帧已开始渲染导致的画面撕裂问题。

参考:博客文章来源地址https://www.toymoban.com/news/detail-740698.html

到了这里,关于unity webgl网页运行后屏幕模糊,UI无响应问题解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 【Unity Shader】屏幕后处理3.0:均值模糊和高斯模糊

    【Unity Shader】屏幕后处理3.0:均值模糊和高斯模糊

    发现之前学习记录的太过详细,导致整理的过程占用太长的时间了,这篇之后博客重要的是掌握实现过程,关于基础的理论会更多的放上别人写得更好的文章。 参考:【Unity Shader编程】之十五 屏幕高斯模糊(Gaussian Blur)后期特效的实现 高斯模糊只是各种模糊方式中的一种。模

    2023年04月08日
    浏览(8)
  • Unity-WebGL基于JS实现网页录音

          因为该死的Unity不支持WebGL的麦克风,所以只能向网页借力,用网页原生的navigator.getUserMedia录音,然后传音频流给Unity进行转AudioClip播放。       还有一点非常重要:能有同事借力就直接问,厚着脸皮上,我自己闷头两天带加班,不如同事谭老哥加起来提供帮助的俩小

    2023年04月08日
    浏览(13)
  • 【Unity Shader】屏幕后处理4.0:基于高斯模糊的Bloom

    【Unity Shader】屏幕后处理4.0:基于高斯模糊的Bloom

    原本打算写高斯模糊和双重模糊两个实现Bloom方法的对比,但两个加在一起篇幅过长,于是拆成两篇文章来进行。 学习前建议应先搞清楚的几个概念 HDR LDR ToneMapping 几种模糊算法 最近一直在学习Unity Shader实现各种后处理效果,Bloom效果就是其中之一,它也是游戏中最常见的效

    2023年04月11日
    浏览(9)
  • Unity Webgl项目判断当前是手机还是电脑运行

    Unity Webgl项目判断当前是手机还是电脑运行

    首先:注意了! 该方法需要unitywebgl导出后才能看到效果!!!(特别注意,在unity中运行 会显示 大概意思是 找不到HelloFloat 方法) 首先需要写一个JS的脚本,主要是调用mergeInto();方法,第一个参数不用变,第二个参数就是JS的方法集合。写完之后将这个文件的后缀改为.jslib,名称

    2024年03月13日
    浏览(37)
  • Unity UI界面局部模糊

    Unity UI界面局部模糊

    最近开发碰到的需求:打开一个弹窗,只在弹窗覆盖的区域下方实现局部模糊,其他地方仍然保持清晰,弹窗的位置不固定。 先看下效果,白色方块是一个RawImage,用来表示一个弹窗,点击按钮,进行局部模糊。 原理是先对RawImage覆盖的区域进行截屏,然后用Shader做高斯模糊

    2024年02月12日
    浏览(8)
  • Unity 发布WebGL、去Logo、网络端通信 、本地运行

    Unity 发布WebGL、去Logo、网络端通信 、本地运行

    以下内容将和大家详细分享 Unity 在 WebGL平台的发布方法、 如何去除unity的Logo和加载界面、 WebGL与网络端通信 、以及 如何在本地运行html。 一、Unity在 WebGL平台的发布方法 1、如下图,选择webgl平台,没安装的点击下载安装。  安装后如图。  选择需要打包的场景,无特殊要求

    2024年02月06日
    浏览(6)
  • Unity数字孪生UI设计——Text字体模糊处理

    Unity数字孪生UI设计——Text字体模糊处理

    问题描述: 使用Text控件之后,看上去感觉没啥问题,但是一旦运行项目就变得非常模糊,想截个高清的场景图都不行 解决方法: 1、修改text对应的width和Height,使得他变成原来的2倍 2、修改scale,改成原来的0.5倍,这样一来一去就使得原来的大小起始并没有改变 3、修改字体

    2024年02月12日
    浏览(10)
  • Unity: WebGL发布后在浏览器上运行时窗口大小自适应

    Unity: WebGL发布后在浏览器上运行时窗口大小自适应

     这个效果是根据19:6(也就是1920:1080的页面大小来设计的) 整体来说修改以下两个文件来进行达成效果预览,第一个是index.html、第二个是TemplateData文件下的style.css文件 修改对比  其中上图一段注释的脚本是webgl进入全屏状态的的脚本,就是显示下图的脚本(去掉就不显示

    2024年02月16日
    浏览(20)
  • 【游戏开发小技】Unity通过UI全屏图来模糊场景画面(Shader | 模糊 | 滤镜 | Blur)

    【游戏开发小技】Unity通过UI全屏图来模糊场景画面(Shader | 模糊 | 滤镜 | Blur)

    一、前言 嗨,大家好,我是新发。 以前我写文章都是很长很长,接下来我会尝试用新的方式来写博客,尽量简短,以实用为主。同时也是作为自己零碎的一些记录,方便查阅。 本文我要说的是在 Unity 中通过 UI 全屏图来模糊场景画面的效果。 二、效果演示 这是没用模糊效果

    2024年02月05日
    浏览(9)
  • Unity实战问题-WebGL问题集锦第一发

    Unity实战问题-WebGL问题集锦第一发

    没接触过好吗;立项设计的时候赶紧恶补了下unity,开发过程中可劲儿的查资料;总算是按计划完成了;记录下遇到的问题,如果你是Unity大神,请选择性忽略 背景环境:Unity 5.4.0f3 (64bit)–激活版 浏览器:Google Chrome 版本:70.0.3538.67         Firefox  版本 63.0.1.6877 在这提

    2024年04月11日
    浏览(9)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包