ゲームが作れるようになるまでがんばる日記

ゲーム制作のことを中心にゲームに関することを書いています

HTML5

タイマー

一定時間ごとに実行するためのタイマー機能は、setTimeoutメソッドを使って実装できる。setTimeoutメソッドは指定した時間経過後に関数を実行することが出来るもの。 setTimeout("func()", 1000); 第1引数は実行する関数名、第2引数は時間。単位はミリ秒。こ…

カーソルキーでのスクロールを抑制する

キーボードの入力でカーソルキーが押されたとき、ブラウザのページがスクロールしてしまうことがある。これを抑制するにはevent.preventDefault()を呼べばよい。呼ぶことによってイベントがキャンセルされる。 <html> <head> <script> window.onload = function() { window.addEv</head></html>…

イベントでキーボード入力の取得

キーボードが押されてイベントが発生したときの処理は、addEventListenerで呼び出される関数を登録して行う。 キーが押されたときのイベントは keydown となる。 押されたキーのコードをログに出力するコードは次のとおり。 <html> <head> <script> window.onload = function() {</head></html>…

ログ出力

JavaScriptでログ出力は次のようにして行える。 console.log("test"); ブラウザがGoogle Chromeなら「表示」メニューの「開発/管理」の「JavaScriptコンソール」を選択して表示されるウィンドウに出力される。

canvas

Canvas - HTML5.JP HTML5ではcanvasを使ってグラフィックを描画できる。 canvasから2Dのコンテキストを取得して、灰色の矩形を描画したのが次のコード。 <html> <head> <script> window.onload = function() { var canvas = document.getElementById('id_canvas'); var context =</head></html>…

window.onload

JavaScriptではウィンドウが開かれたときに発生するイベントとしてwindow.onloadがある。このイベントで様々な初期化を行えばよい。 <html> <head> <script> window.onload = function() { //ここで初期化の処理 } </script> </head> <body> </body> </html>