サイト用のタイピングゲーム：画面の単語を時間内に入力して、自分の速さを確かめます

成果物の例

スタンダードパッケージの例すべて表示

コーヒーショップのウェブサイト用ゲーム「ビーンキャッチャー」

パソコンでのゲーム

スマホでの同じゲーム

ファイル： index.html、スタイル、script.js、ゲーム用に描いた画像4点を含むZIPファイル。マウス、指、矢印キーで操作でき、ベストスコアはプレイヤーの端末に保存され、お客様ご自身のレンタルサーバーに置くか、サイトにiframeで埋め込んで使います。ここに掲載している画像はゲームのスクリーンショットです。

お客様： Maple Bean。秋のブレンドを知ってもらうために、ウェブサイトやSNSのページ用のちょっとしたゲームを求めていたコーヒーショップです。 ご依頼内容： 温かみのある秋の色合いのキャッチゲーム。プレイヤーはカップを動かしてコーヒー豆（+1）や金色の豆（+5）をキャッチし、氷をよけます。ライフは3つ、レベルは2つで、終了画面からメニューへリンクします。

お客様とすべての情報は架空のものです。

このサービスについて

タイピング講座、スクール、キーボード専門店など、よく文字を打つ人が訪れるサイト向けのタイピングゲームです。画面に単語や文が表示され、プレイヤーはできるだけ速く正確に入力します。1分あたりの単語数とミスの数を数えて最後に結果を表示するので、自己ベスト更新を目指して何度も来てもらえます。テーマと、ご希望なら入力用のテキスト（商品に関するフレーズなど）をお送りください。ない場合は、御社の言語でシンプルな練習用テキストを書きます。パソコンのキーボード向けで、スマホでは画面キーボードで遊べますが、速さは比較になりません。ベストの速さはプレイヤーの端末にだけ保存され、共通ランキングやログインはありません。プレミアムでは、目標の速さに達したプレイヤーにクーポンコードを表示します。

含まれる内容

• 納品物ゲームのindex.html、styles.css、script.js、画像と簡単なガイドを入れたZIPファイル。注文ページで遊べるプレビューもご用意します。
• 速さとミス各ラウンドのあとに1分あたりの単語数とミスを表示
• 御社のテキストでも、こちらのテキストでも商品に関するフレーズ、またはシンプルな練習文
• 1文字ずつチェック入力中に間違えた文字をマーク
• 御社の言語でラテン文字、キリル文字など各種キーボード
• 自己ベストプレイヤー自身の端末に保存

ご利用の流れ

1. 1
   テーマテーマ、言語、テキストがあればそれをお伝えいただきます
2. 2
   ゲーム練習用テキストを書き、画面を描いて、ゲームを制作します
3. 3
   打ってみる注文ページで、パソコンで試していただけます
4. 4
   ファイルファイルをダウンロードし、プランの範囲内で修正を依頼できます

ご用意いただくもの

プレイヤーが入力する言語とキーボード配列。入力用テキストがあればそれも：商品やテーマに関する単語、フレーズ、短い文。ない場合は練習用テキストのテーマ。1ラウンドの長さ。カラーとロゴ、終了画面のボタンのリンク先（例：講座のページ）。プレミアムの場合は、クーポンコードとそれを表示する速さ。任意で、PNG、JPEG、WebP形式の画像を5点まで（使用する権利をお持ちのもの）。

お伺いする内容：

• 入力するのは誰で、何語ですか？
• 入力用テキスト
• カラーとスタイル
• 終了画面のリンク先は？

プランを比較

質問と回答

答えが見つかりませんか？ 質問する