JavaScript Canvasでフィールドを作ってみる
フィールド(マス目状)を作ってみました。キャンバス上をクリックするとその位置マス目の色塗ることができます。タクティクスゲームやマス目を使ったゲームに利用できそうです。デモはこちらです。index.htmlmain.jsField.jsind...
Canvas
JavaScript 
JavaScript いろいろな弾
シューティングゲームの弾幕って素敵ですよね。画面いっぱいに広がる弾。どこに行けば避けられるのか、はたまた無理ゲーなのか。デモはこちらです。記事はデモの抜粋なので、コピペだけでは動きません。弾の移動には、デルタタイムを掛けると滑らかに動いて見...
JavaScript 歩行アニメーションを作ってみる
解説っぽくしてみましたが文字にしたら分かりにくくなってしまいました。何度か読み返したり、行ったり来たりして理解を深めてください。もし質問や、何か気になることがあったら、Twitterからお気軽にご質問ください。デモを用意しました。walkA...
ゲーム制作に役立ちそうな知識 座標
座標テキストの座標ボールを動かしてみるボールを反射させてみる最後に座標canvasの座標について調べてみましょう。window.onload = () => { const w = 500; const h = 500; // Canvas...
目次 ゲーム制作に役立ちそうな知識
CanvasCanvasゲームの基盤となるCanvasについて座標とアンカー座標とアンカーcanvasの座標とオブジェクトのアンカーについてです。ボールを反射させる例を使用しています。
ゲーム制作に役立ちそうな知識 Canvasの使い方
CanvasCanvasについて色を塗ってみる文字を描いてみる最後にCanvasについてJavaScriptでゲームを作るとなると、ほぼほぼ出てくるのがCanvasです。Web API(Web Application Programming...