HTML/JS GitHub-Seiten Projekt lädt keine Bilder oder Sounds, wenn mit Firefox

Question

In Ordnung, so ist dies ein komisches, ich bin mir nicht ganz sicher, ob dies die richtige SE-Website ist, aber ich denke, es ist, weil es betrifft Webcode/Browserkompatibilität. Wenn nicht, jemand sagt mir in den Kommentaren, ich werde es verschieben.

Also im Grunde habe ich meine game's source code auf github. Ich hosste auch das Spiel selbst unter github pages. Dieses Spiel sollte (glaube ich) in Firefox und Chrome Browsern funktionieren. Der Quellcode ist für beide Browser nicht eindeutig.

Das Spiel läuft gut auf Chrom. Bei Firefox ist dies jedoch nicht der Fall. Keines der Assets (Bilder, Sounds) wird auf dem Link github pages angezeigt. Das Seltsame ist das aber: auf meinem lokalen Dateisystem, wenn ich die HTML-Datei mit FF öffne, läuft/rendert die Assets gut. Auch, wenn ich den Zip meines Projektes herunterlade und es mit FF probiere, funktioniert es auch gut. Warum ist das der Fall?

(Beachten Sie, wenn Sie das Problem sehen wollen, klicken Sie auf die GitHub Seiten Link, und klicken Sie auf „Start Game“, das wird es, um das Spiel zu eröffnen, wo das Problem auftreten wird)

bearbeiten : Vergessen zu erwähnen, der Fehler, den ich in der FF-Konsole bekomme, ist NS_ERROR_NOT_AVAILABLE: es führt zu Zeile 421, die das ist: g2d.drawImage(playerSprite, spriteLoc[0], spriteLoc[1]);, wo ich das Bild auf die Leinwand zeichnen. g2d soll ctx btw sein, das ist ein schlechtes Java-Habit.

Answer 1

versuchen Sie, den Pfad der Ressourcen zu ändern. Sie rufen die Sound-Dateien und Bilddateien auf diese Weise:

laserSound = new Audio("resources\\Sounds\\laserblast.wav"); 
playerSprite.src = "resources\\Sprites\\Sprite.png"; 

Sie müssen den Pfad zu, dies zu ändern:

laserSound = new Audio("resources/Sounds/laserblast.wav"); 
playerSprite.src = "resources/Sprites/Sprite.png"; 

, die diese \

der Strom zu diesem/ist ändern Wie Sie es bekommen, Firefox findet nicht, wo Sie Dateien sind.

auch, warum nicht Sie init(); am unteren Rande der JS-Datei setzen, es ist einfach, um sicherzustellen, dass der JS-Parser bereits weiß, dass bestimmte Funktionen, die Sie definiert werden fordern, wie update() und initBackground() (dies tut scheint kein Problem zu sein, aber nur um auf der sicheren Seite zu sein.)