JavaScript Canvasでフィールドを作ってみる
フィールド(マス目状)を作ってみました。キャンバス上をクリックするとその位置マス目の色塗ることができます。タクティクスゲームやマス目を使ったゲームに利用できそうです。デモはこちらです。index.htmlmain.jsField.jsind...
ゲーム
JavaScript 
JavaScript いろいろな弾
シューティングゲームの弾幕って素敵ですよね。画面いっぱいに広がる弾。どこに行けば避けられるのか、はたまた無理ゲーなのか。デモはこちらです。記事はデモの抜粋なので、コピペだけでは動きません。弾の移動には、デルタタイムを掛けると滑らかに動いて見...
JavaScript シーン遷移について
ゲームにおけるシーンってなんぞやというお話です。ただし、個人の見解です。開発現場や開発の仕方によっては異なる場合があります。言語仕様の話があるので、必要がない方は シーン遷移とは のみで大丈夫です。main.jsaddEventListen...
制作物 Match Colors
制作の上でゲームへサクッと作れることが大切でした。暇 → 何か作るかー → 素材を集めるのは面倒 → 素材が無しでいけそうなもの → Match Colorsライツアウトというゲームがあり、列にしたやつはあまり見ないなーということで作ってみ...
制作物 休みを駆ける
Twitterの#web1weekというタグを見て、面白そうだと思い、作りました。htmlとJavaScriptで動いており、ループ関数にはwindow.requestAnimationFrame()を使用しています。ゲームへ操作方法はシン...
JavaScript クラス
クラスクラス休みを駆ける定義方法まとめクラスクラスとは一つの関心毎をまとめたものです。関数やオブジェクトにも少し似ています。ただ、クラスはあくまでも設計図です。車の設計図があるだけでは移動が楽になりません。設計図を利用して車を作った時、初め...