6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2018-12-24

:rainbow: これ :rainbow:

:rainbow: github :rainbow:

:rainbow: なぜ作ったか :rainbow:

CSSとVueのお勉強のため
文字をふわふわさせる部分とダメージ時のエフェクトにCSS Animationを使用しています
コード部分はVueとVuex、あと少しのunderscoreで作られています

:rainbow: どういう構造なのか :rainbow:

これでわかるかな?
typing.png

:rainbow: 困っているとこ :rainbow:

入力された文字と変数の一文字目だけで判定しているので以下のようなパターンに対応できていない
「つ」 -> tsu, tu
「ちゃ」 -> tya, cha

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

途中から難しくなりすぎなきがする
ゲームっぽい要素欲しいですね
長いもじ程回復量が高いとか

キーのイベントは誰が受け取るのが正しいのか?
現状はSting.vueという入力されたら変数の一文字めと一致していたら文字列からshiftするコンポーネントが受け取っている
各コンポーネントごとにそれをやったほうがいいのか?
それともそういうオブジェクトを作ってなんとかする?(やり方が不明)

(そもそもVuexの使い方あっているのか??)
わからん

sakuraレンタルサーバーにnpm入れたい。。。
めんどくさそう

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?