2023-05-03

自分の成長を感じられるのがゲームのいいところ。IchigoJamのタイピングゲームで盛り上がったので、JavaScript版「タイプAトゥーZ」を開発!

IchigoJamで遊びたいとリクエストを受け、おなじみAからZまでを打つタイムを競う、こうそくたいぴんぐゲーム。初回タイム2分と1分。どこまで縮まるか?

10 N=65:CLT 20 ?CHR$(N); 30 IF INKEY()!=N GOTO 30 40 N=N+1:IF N!=91 GOTO 20 50 ?TICK()/60

RUN on IchigoJamIchigoJam はじめのいっぽ&ミニゲームズ


1台のPCを2人で交代でチャレンジ、待ち時間で誕生した、ダンボールPCがかわいい!


イメトレした成果もあって、みるみる縮まり、最速16秒!楽しいの力はすごい!


コンスタントに10秒台が出るようになってました。


「めざせ3秒、TypeAtoZ(タイプ A トゥー Z)」
src on GitHub
縮めるポイントはキーボードを見ずに打つこと。画面にキーボードを表示しながら遊べるパソコン用のゲームを作ってみました。画面に表示されるステキなキーボードがポイントです。

JavaScript版こうそくタイピングゲーム、メインのプログラム clt(); for (let i = "A".charCodeAt(0); i <= "Z".charCodeAt(0); i++) { const k = keyboard.getElement(i); k.classList.add("red"); show(String.fromCharCode(i)); for (;;) { const key = await inkey(); // restart if esc if (key == 27) { k.classList.remove("red"); continue A; } if (key == i) { break; } } k.classList.remove("red"); } // show result show((tick() / 1000).toFixed(3) + "sec"); キーを赤くする演出を加えてますが、IchigoJam BASICでのプログラムとほぼ一緒。


福野、参考タイム、3.436秒!
こちら、Qの段だけでTYPEWRITERと打てる、効率は悪いけど世界標準、QWERTY配列での記録です。
普段使ってる、Dvorak配列で打とうとしても、QWERTYでの記憶が邪魔してタイム伸びず・・・。人間の慣れっておもしろい。


「key-board tag」
src on GitHub
ステキキーボードは、一日一創2012の作品からの再編集。今回キーボードタグ拡張タグ(HTMLElement)として作ったので、いろいろと他にも応用できます。キーボードを表示するには、下記2行をHTMLに含めるだけでOK! <script type="module" src="https://code4fukui.github.io/key-board/key-board.js"></script> <key-board></key-board>


ある程度配置を覚えたら、ブラインドタッチに挑戦しよう!
左手の人差し指をFの上、右手の人差指をJの上において、見ずに打つのがブラインドタッチ(または、タッチタイピング)!
IchigoJamプリントでやってみよう「タッチタイピング - IchigoJam

links
- 成長を実感できるタイピングゲーム、IchigoType

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS