WWA Wing ができるまで
ではここで、WWA Wing(当時: wwa.js)ができるまでの課程をざっくりと見てみましょう。後半の実際のマップが出てくるやつは、方向キーで動けます。
どのページも2013年ぐらいにつくったやつです。
- マップデータを取得する! - 使用技術: XMLHttpRequest
- マップ情報を取得する! - ここからの使用技術: Typed Array
- マップ情報を素早く取得する! - ここからの使用技術: Web Workers
- とりあえずつくってみた! - ここからの使用技術: Canvas
- 1マスごとに動けるようにした!
- 動くモーションと背景当たり判定をつけた!
おまけ: Quick Load モーションの実装比較(CSS3 Transition vs. JavaScript setInterval)
過去のエイプリルフール