本文へスキップ
オモシロWeb
つくる

タイピング花火

キーボードが、そのまま花火大会になる。

仕掛けを準備しています…
← 他の仕掛けを見る

これは何?

文字入力の「ッターン」を、視覚的なごほうびに変えました。キーを押すたびに、その一文字が光の粒をまとって上昇し、頂点で大輪の花火になって散ります。打鍵のリズムがそのまま花火のテンポになります。

スマホでは画面をタップするだけでも打ち上がります。暗い部屋で全画面にして眺めると、ちょっとした個人用の花火大会になります。

あそびかた

  1. キーボードで好きな文字を打つ(スマホは画面タップ)。
  2. 打った文字が花火になって弾けるのを眺める。
  3. 連打すると連発、ゆっくり打つと余韻が楽しめる。

なぜ打鍵を花火にしたのか

キーボードを打つ音は気持ちいいのに、画面に出るのは味気ない文字だけです。それなら、打った瞬間に文字ごと空へ打ち上げてしまえばいい——という発想から作りました。

意味のある文章を書く必要はありません。でたらめに叩いても、名前を打っても、同じように上がって、同じように散ります。それが夏の夜っぽくて気に入っています。

どうやって動いているのか

画面には毎フレーム、うっすら黒を重ねています。こうすると前のコマが少しずつ消えて、光の尾(残像)が自然に出ます。打鍵でロケットが上がり、頂点に達すると破裂して、火花と文字が飛び散る仕組みです。

キーを押しっぱなしにするとオートリピートで打鍵が連続するため、放っておくと粒子が際限なく増えてカクつきます。そこで、同時に上がる数と画面上の粒子の総数に上限を設けました。音も、連打時に重なりすぎないよう間引いています。入力欄に文字を打っているときは花火を上げません。

もっと楽しむコツ

入力欄に好きな文字を入れると、その文字が弾けます。名前や「祭」の一文字がよく映えます。スマホでは画面のタップで打ち上がります(タップで入力欄に飛ぶとソフトキーボードが花火を隠してしまうため、自動でフォーカスするのはマウス操作のときだけにしています)。

よくある質問

打った文字は保存・送信されますか?

いいえ。入力した文字はどこにも保存・送信されません。画面上で花火になって消えるだけです。

スマホでも遊べますか?

遊べます。キーボードがなくても、画面をタップすればその場所から花火が打ち上がります。

好きな文字で花火を上げられますか?

上げられます。入力欄に文字を入れておくと、破裂したときにその文字が飛び散ります。名前や「祭」のような一文字がよく映えます。

スマホでも打ち上げられますか?

画面をタップすると打ち上がります。タップのたびにソフトキーボードが立ち上がって花火が隠れてしまうため、入力欄へ自動でフォーカスするのはマウス操作のときだけにしています。