何か別のことをしなければならないかどうか教えてください。私のjsゲームをhtmlファイルに入れようとしましたが、キャンバス領域を使用しません。
私はJavaScriptゲームを持っていますが、今はindex.htm
というJavaScriptファイルを呼び出すキャンバステキストのファイルがあります。 は私が無駄にしようとしている.htm
と.js
を例えば代わりに2つのファイルのコード形式にjs
ファイルを取り、実際にそれが唯一の1ファイルなど.htm
につながるようhtm
ファイルにそれを置くことができると思ったし、このガイドに従ってください... http://www.tutorialspoint.com/javascript/javascript_placement.htm
ロード時にアクションが必要なので、私はBODYエリア内にjsコードを入れています。
私はそれが私の無知であると確信していますので、うまくいけば、これは非常に簡単な基本的な質問です。
ありがとうございます!
EDIT 1:
ここが...私が試したものを
</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);
};
あり、それの底は以下の通りです:
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:君たちは素晴らしいです、ありがとう束。あなたが信じるよりもばかばかしいです - 私はshoot.wavファイルを.htmファイルと同じディレクトリに入れるのを忘れました!
私はSOに動作しますが、私は(私はそれを示唆しているあなたのそれぞれをupvoteすることができなければ)私は、デバッガをチェック提案する最初の人に答えを与える必要がありますどのように感じるかを確認していない
また、私はわからないです最初の機能の前にその不正なセミコロンがあったので、ゲームが今実行されているので、私はそれを取り除いているようだ。
私の馬鹿げた事故に反応したすべての人に再び感謝します!
いくつかのコードを共有しているので、エラーが発生する可能性があります。firefoxの場合はfirebugをインストールするか、エラーの場合はchromeのデバッガを使用してください。 – Saky
Chromeで、F12を押してコンソールを選択してから、ページをリロードする@Sakyコメントに追加します。あなたはそこにほとんどのエラーを見つけるでしょう... – josecortesp