Canvas

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

by

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

いろいろな弾

by

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

歩行アニメーションを作ってみる

by

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

座標

by

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