Filter/Shader funktioniert nur nach dem Neuladen. Phaser

Question

Ich möchte Benutzer this Filter/Shader in meinem HTML5-Projekt.

Das Problem ist auf Safari und Firefox (Chrome funktioniert für mich) der Filter/Shader funktioniert nur, nachdem ich die Seite einmal neu geladen habe. Auch die Beispielseite hat das gleiche Problem. Ich habe versucht, die .frag-Datei zuerst mit jQuery.get() zu laden, um die Datei im Cache an erster Stelle zu bekommen, aber auch keinen Erfolg.

Hat jemand eine Idee, warum das passiert?

EDIT: zum besseren Verständnis:

Die Shader ist nicht in Firefox und Safari-Rendering, wenn Sie der Seite zum ersten Mal (.frag Datei nicht im Cache) besuchen. Nur eine leere Leinwand (Standard schwarz/Hintergrundfarbe der Leinwand) ist sichtbar

Answer 1

Wie ich verstehe, müssen Sie einen reibungslosen Zustand ändern.

Jeder Zustand, Sie können ein einfaches schwarzes Bild verwenden, das zu Ihrem Spielbildschirm passt, um in ein paar Sekunden auszublenden.

Sie sollten unten am Ende Ihrer Erstellungsfunktion ein Skript hinzufügen. Wie diese

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); 

    } 

Dies hilft Ihnen ein sanftes Öffnen/Ändern Spielschirme zu behandeln.