2016-05-21 22 views
1

Lassen Sie mich wissen, wenn ich etwas anders gemacht haben sollte.Versuch, mein js Spiel in HTML-Datei zu setzen, wird nicht Leinwand Bereich

Ich habe ein JavaScript-Spiel und jetzt habe ich index.htm Datei mit Leinwand Text darin, die die JavaScript-Datei aufruft. Ich wollte die Codeform die js Datei zu übernehmen zu können und es tatsächlich in die htm Datei setzen, so dass es in nur 1 Datei zB .htm anstelle von 2-Dateien zB Ergebnisse .htm und .js

Ich habe ohne Erfolg versucht, und befolgte diese Anleitung ... http://www.tutorialspoint.com/javascript/javascript_placement.htm

Und da es auf Belastung handeln müsste, setze ich meinen Js-Code in den BODY-Bereich.

Ich bin sicher, es ist meine Unwissenheit hier schuld, also hoffentlich ist dies eine sehr einfache Grundfrage, der Experte Js Devs kann mir helfen.

Danke!

EDIT 1:

Hier ist, was ich versucht ...

</head> 
<body> 
<canvas id="screen" width="310" height="310"></canvas> 
<script type="text/javascript"> 
<!-- 
;(function() { 
    var Game = function(canvasId) { 
    var canvas = document.getElementById(canvasId); 
    var screen = canvas.getContext('2d'); 
    var gameSize = { x: canvas.width, y: canvas.height }; 

    this.bodies = createInvaders(this).concat(new Player(this, gameSize)); 

    var self = this; 
    loadSound("shoot.wav",function(shootSound) { 
     self.shootSound = shootSound; 
     var tick = function() { 
     self.update(); 
     self.draw(screen, gameSize); 
     requestAnimationFrame(tick); 
     }; 

und der Boden davon ist folgende:

var loadSound = function(url, callback) { 
    var loaded = function() { 
    callback(sound); 
    sound.removeEventListener('canplaythrough', loaded); 
    }; 

    var sound = new Audio(url); 
    sound.addEventListener('canplaythrough', loaded) 
    sound.load(); 
    }; 

    window.onload = function() { 
    new Game("screen"); 
    }; 
})(); 
//--> 
</script> 
</body> 
</html> 

EDIT2: Ihr seid großartig, danke ein Bündel. Es war noch dümmer, als du glauben würdest - ich habe vergessen, die shoot.wav-Datei in das gleiche Verzeichnis wie die .htm-Datei aufzunehmen!

Ich bin nicht sicher, wie SO funktioniert, aber ich glaube, ich sollte die Antwort auf die erste Person geben den Debugger vorschlagen Kontrolle (es sei denn, ich jeden von euch upvote kann, dass es vorgeschlagen)

Auch ich bin nicht sicher dieses Schurken-Semikolon vor der ersten Funktion, da ich damit davon ausgehe, wie das Spiel jetzt läuft.

Nochmals vielen Dank an alle, die auf mein idiotisches Missgeschick reagiert haben!

+2

teilen Sie einige Code, so können wir einen Fehler finden .. Installieren Sie firebug, wenn auf Firefox oder verwenden Sie den Debugger von chrome für Fehler zu sehen. – Saky

+0

Ich möchte @Saky Kommentar hinzufügen, dass in Chrome, drücken Sie einfach F12 und wählen Sie die Konsole, dann laden Sie die Seite neu. Sie werden die meisten Fehler dort finden ... – josecortesp

Antwort

0

Rogue Semikolon vor der Funktion in Ihrem Skript-Tag? Irgendwelche Debugfehler in der Browserkonsole?