現在こちらのサイトを参考にしながらシューティングゲームを作成しているところでjavascriptで書かれていたので自分なりにjqueryに直しながら勉強しているものなんですが、初歩の段階でエラーが出て詰まっているので質問させてもらいました。
これがコードになります
<ballWall.js>
"use strict" var canvas; var imgPlayer; var imgEnemy; $(window).load(function() { //キャンバス $('<canvas>') .attr('id', 'screen') .css({ 'width': '1920', 'height': '1080' }) .appendTo('body'); //敵機 $('<img>') .attr('src', './images/teki.png', 'id', 'player') .css({ 'position': 'absolute', 'left': '990px', 'top': '540px', 'width': '100px', 'height': '100px', 'cursor': 'move' }) .appendTo('body'); //自機 $('<img>') .attr('src', './images/go.PNG', 'id', 'enemy') .appendTo('body'); canvas = $('#screen').get[0]; var ctx = canvas.getContext('2d'); imgPlayer = $('#player').get[0]; imgEnemy = $('#enemy').get[0]; ctx.drawImage(imgPlayer, 20, 50); ctx.drawImage(imgEnemy, 30, 60); ctx.drawImage(imgEnemy, 60, 20); ctx.drawImage(imgEnemy, 60, 30); ctx.drawImage(imgEnemy, 60, 40); ctx.drawImage(imgEnemy, 60, 50); ctx.drawImage(imgEnemy, 60, 90); ctx.drawImage(imgEnemy, 90, 20); ctx.drawImage(imgEnemy, 90, 30); ctx.drawImage(imgEnemy, 90, 40); ctx.drawImage(imgEnemy, 90, 50); ctx.drawImage(imgEnemy, 90, 90); ctx.drawImage(imgEnemy, 120, 20); ctx.drawImage(imgEnemy, 120, 30); ctx.drawImage(imgEnemy, 120, 40); ctx.drawImage(imgEnemy, 120, 50); ctx.drawImage(imgEnemy, 120, 90); });
デベロッパーツールで見るとエラーが出ており内容は(Uncaught TypeError: Cannot read property 'getContext' of undefined)ということだったので調べて見ると未定義となっているので宣言の仕方が違うのかなって思うのですが、どうしたらいいかわからないのでご教授おねがいします。
あともっとこうした方がいいとかありましたらアドバイスもらえると参考になります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/05 14:33
2018/04/05 19:18
2018/04/06 04:22
2018/04/06 04:28