Vue.jsでレトロゲーを作る
※構想段階
Vue.jsの勉強がてらに作成する。
Firebaseも勉強したいので混ぜたいなぁ。ハイスコア管理とか
前提
開発環境:
codepen (無料版)- github.ioに置く
- Vue.js
- 画像はSVG
音楽はbase64でソース上に置く(codepen無料版の為)- BGM/ジングル/効果音はマルチブラウザを考えてmp3で置く
- スマホ対応の為、Swipe操作/キーボード/マウスに対応予定
codepen
やめます。codepenサーバがbase64変換した物資に耐えられないようです。
github.ioあたりを検討。
(そもそも、開発環境をWebサービスに取るのが非常識だったんですね。Vue.js DevToolsも使えないし)
nodejs, yarn, Parceljs, webpackなどの環境周りや学習コストが嵩む。前提崩壊中。。
github.io
ここにおく。
設計
Vue.jsやWebComponentがよくわかっていない状態ですが、体当たりで設計。
・RoundMapデータを裏で持ってそれの更新で画面側と連携する
・仕様として同一座標にはひとつしかオブジェクトはない
・壁以外は動くので、一つ一つの要素をSVGのComponentとして
・座標
・状態(出口に入ったか、鎖の長さなど)
を持たせる。
ここにソースを貼る