WWA Wing ができるまで

ではここで、WWA Wing(当時: wwa.js)ができるまでの課程をざっくりと見てみましょう。後半の実際のマップが出てくるやつは、方向キーで動けます。

どのページも2013年ぐらいにつくったやつです。

  1. マップデータを取得する! - 使用技術: XMLHttpRequest
  2. マップ情報を取得する! - ここからの使用技術: Typed Array
  3. マップ情報を素早く取得する! - ここからの使用技術: Web Workers
  4. とりあえずつくってみた! - ここからの使用技術: Canvas
  5. 1マスごとに動けるようにした! - ここからの使用技術: やる気
  6. 動くモーションと背景当たり判定をつけた! - ここからの使用技術: 根気

おまけ: Quick Load モーションの実装比較(CSS3 Transition vs. JavaScript setInterval)