###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
###発生している問題・エラーメッセージ
エラーメッセージ shooting.js:13 Uncaught TypeError: Cannot read property 'getContext' of null at window.onload (shooting.js:13)
###該当のソースコード
javascript
"use strict" // 全体で使用する変数を定義 var canvas, ctx; // プレイヤーの画像を保持する変数を定義 var img_player; // 敵キャラの画像を保持する変数を定義 var img_enemy; // ページロード時に呼び出される処理を指定 window.onload = function() { // コンテキストを取得(おまじない) canvas = document.getElementById('screen'); ctx = canvas.getContext('2d'); // Playerの画像(id='player'で指定された<img>)を取得 img_player = document.getElementById('player'); // 敵キャラの画像(id='enemy'で指定された<img>)を取得 img_enemy = document.getElementById('enemy'); // Playerの画像を (20, 50) の位置に描画 ctx.drawImage(img_player, 20, 50); // 敵キャラの画像を (30, 60) の位置に描画 ctx.drawImage(img_enemy, 30, 60); };
html
1 2<!DOCTYPE html> 3<meta charset="UTF-8"> 4<title>game</title> 5<style> 6 body { 7 background: #eee; 8 } 9 canvas { 10 background: #000; 11 display: block; 12 margin: auto; 13 } 14</style> 15<img id="player" src="img/player.png"> 16<img id="enemy" src="img/enemy.png"> 17<img id="player_bullet" src="img/player_bullet.png"> 18<img id="enemy_bullet" src="img/enemy_bullet.png"> 19<canvas width='240' height='320'></canvas> 20<script src="js/shooting.js"></script> 21
###試したこと
ネットのサンプルプログラムを試したんですがダメでしたお願いします。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
環境crhome
回答1件
あなたの回答
tips
プレビュー