Canvas

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

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

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

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

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

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

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

座標テキストの座標ボールを動かしてみるボールを反射させてみる最後に座標canvasの座標について調べてみましょう。window.onload = () => { const w = 500; const h = 500; // Canvas...

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

CanvasCanvasゲームの基盤となるCanvasについて座標とアンカー座標とアンカーcanvasの座標とオブジェクトのアンカーについてです。ボールを反射させる例を使用しています。

CanvasCanvasについて色を塗ってみる文字を描いてみる最後にCanvasについてJavaScriptでゲームを作るとなると、ほぼほぼ出てくるのがCanvasです。Web API(Web Application Programming...

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