クリスマスイブなのでVue.jsでタイピングゲーム作ってみた

クリスマスイブなのでVue.jsでタイピングゲーム作ってみた:

これ

http://nena3.xii.jp/vue-typing/

github

https://github.com/nena3/vue-typing-game

なぜ作ったか

CSSとVueのお勉強のため

文字をふわふわさせる部分とダメージ時のエフェクトにCSS Animationを使用しています

コード部分はVueとVuex、あと少しのunderscoreで作られています

どういう構造なのか

これでわかるかな？

困っているとこ

入力された文字と変数の一文字目だけで判定しているので以下のようなパターンに対応できていない

「つ」 -> tsu, tu

「ちゃ」 -> tya, cha

ノリでかいているので変なコードがあるはず

バグあるかも

途中から難しくなりすぎなきがする

ゲームっぽい要素欲しいですね

長いもじ程回復量が高いとか

キーのイベントは誰が受け取るのが正しいのか？

現状はSting.vueという入力されたら変数の一文字めと一致していたら文字列からshiftするコンポーネントが受け取っている

各コンポーネントごとにそれをやったほうがいいのか？

それともそういうオブジェクトを作ってなんとかする？（やり方が不明）

（そもそもVuexの使い方あっているのか？？）

わからん

sakuraレンタルサーバーにnpm入れたい。。。

めんどくさそう