ゲーム制作に役立ちそうな知識

Canvasでフィールドを作ってみる

2023年3月1日 by daiki

フィールド(マス目状)を作ってみました。キャンバス上をクリックするとその位置マス目の色塗ることができます。タクティクスゲームやマス目を使ったゲームに利用できそうです。デモはこちらです。 index.html フロント画面 … 続きを読む

2023年2月22日2023年2月22日 by daiki

シューティングゲームの弾幕って素敵ですよね。画面いっぱいに広がる弾。どこに行けば避けられるのか、はたまた無理ゲーなのか。デモはこちらです。記事はデモの抜粋なので、コピペだけでは動きません。弾の移動には、デルタタイムを掛 … 続きを読む

2023年2月3日2023年2月2日 by daiki

解説っぽくしてみましたが文字にしたら分かりにくくなってしまいました。何度か読み返したり、行ったり来たりして理解を深めてください。もし質問や、何か気になることがあったら、Twitterからお気軽にご質問ください。デモを用意 … 続きを読む

2023年2月22日2023年1月25日 by daiki

ゲームにおけるシーンってなんぞやというお話です。ただし、個人の見解です。開発現場や開発の仕方によっては異なる場合があります。言語仕様の話があるので、必要がない方はシーン遷移とはのみで大丈夫です。 main.js 今回 … 続きを読む

2021年10月22日2021年10月21日 by daiki

キャラクターに向かっていく弾(自機狙い弾) Mathオブジェクトソースコード自機狙いとは座標と角度まとめキャラクターに向かっていく弾(自機狙い弾) 今回制作したものはこんな感じになります。クリックした位置に赤点 … 続きを読む

2021年10月21日2021年7月29日 by daiki

setInterval setInterval 使い方 setInterval 一定の間隔で何かを実行するよう命令する関数です。途中で解除もできます。使い方 setInterval関数は二つ目の引数に遅延(ms)を指定 … 続きを読む

2021年7月29日2021年7月29日 by daiki

座標テキストの座標ボールを動かしてみるボールを反射させてみる最後に座標 canvasの座標について調べてみましょう。使用しているCanvasClass.jsはこちらにあります。実行結果左上、中央、右下の三箇 … 続きを読む

2021年10月21日2021年7月25日 by daiki

Canvas Canvasについて色を塗ってみる文字を描いてみる最後に Canvasについて JavaScriptでゲームを作るとなると、ほぼほぼ出てくるのがCanvasです。Web API(Web Applica … 続きを読む