tamakipedia

フロントエンドエンジニア。Typescriptもう特訓中です。一日の振り返りや学んだことをちょっとずつ吐いています。

canvas

【 canvas 】マス目を作る / 背景色を配置

参考書を参考にして謎のゲームを作ったので、 一つ一つ噛み砕いていくことにします。 マス目を作る! See the Pen canvas study by たまき こう (@ulqvhvox) on CodePen. 今回、十字キーで移動するフィールドを描画していきます。 わかりやすいようにそれぞ…

【 canvas 】初めてキャンバスで描画してみました

こんばんは、今回はcanvasを触り始めたので、描画するまでをまとめてみました。 ブラウザに白いキャンバスを用意する `<canvas id="cv" width="500" height="300"></canvas>` bodyの一番に下にタグを記述します。これがブラウザではキャンバスにになります。 キャンバスに絵を書く人を召喚 `var ctx = canvas.ge…