过滤器/着色器仅在重新加载后有效。移相器

Question

我想在我的 html5 项目中使用 this 过滤器/着色器。

问题出在 Safari 和 Firefox（Chrome 对我有用）上，过滤器/着色器仅在我重新加载页面一次后才能工作。示例页面也有同样的问题。我尝试首先使用 jQuery.get() 加载 .frag 文件以首先将文件放入缓存中，但也没有成功。

有人知道为什么会这样吗？

编辑： 为了更好地理解：

如果您第一次访问该页面，Shader 不会在 Firefox 和 Safari 中呈现（.frag 文件不在缓存中）。只有空白（画布的默认黑色/背景颜色）画布可见

Answer 1

据我了解，您需要平滑的状态更改。

每个状态，您都可以使用适合您游戏屏幕的简单黑色图像在几秒钟内淡出。

您应该在创建函数的末尾添加以下脚本。 像这样，

    create: function(){
    //your create codes here

    blackScreen = game.add.sprite(0, 0, 'blackScreen');
            game.add.tween(blackScreen).to({
                alpha: 0
            }, 500, Phaser.Easing.Linear.None, true);

    }

这将帮助您处理流畅的打开/更改游戏屏幕。