📕 TL;DR
- ブラウザ上で遊べるタイピング x インクリメンタルゲームをさくっと作った
🍖 はじめに
読んで頂きありがとうございます！
趣味で タイピング x インクリメンタルゲーム を作りました。
しかも今の時代にも関わらず、AIエージェントを使わないで 全てフルスクラッチで 。
実装開始からデプロイまで2晩 ですが、かなり良いものが出来たかなと思っています🐟
着想
ある日YouTubeを見ていたら、ふとインクリメンタルゲームを作りたいなと思い始めました。
どうせ作るなら身近な人に遊んでもらおうと思い、社内のエンジニアの方が遊びやすいゲーム性を考え、 「タイピングゲーム」 と掛け合わせたら面白いのではないかという着想から作り始めました💻
インクリメンタルゲームとは
何度も同じ場面を繰り返しながらポイントを稼ぎ、稼いだポイントでよりもっとポイントを稼ぎやすくしていく、いわばインフレを味わうゲーム。
💻 AK Typingについて
技術スタック
- フレームワーク: Vue.js 3
- 言語: TypeScript
- ビルド環境: Vite
- デプロイ: Vercel
ゲーム性
タイピングゲームを繰り返しながらポイントを集めていき、集めたポイントを使ってアップデートで強化しながらまたタイピングゲームを行なっていく、インクリメンタル指向のゲーム性になります。
タイピングゲームはレベルごとに難易度が上がっていき、制限時間が厳しくなっていきます。
クリアするためにはアップデートが必要で、今まで獲得したポイントを消費してゲーム性を強化します。
よりポイントが欲しい場合は、ポイント獲得速度を上げるアップデートを行なっていきます。
ゲームデータについて
AK Typingにバックエンドはなく、ゲームデータは全てローカルストレージに保存しています。改竄は可能ですが自己判断でお願いします。
💡こだわりポイント
マウスレスの体験
Ak Typingは起動からタイピングゲームプレイまで終始キーボード操作のみで行います。
エンジニア向けに、 「j」「k」 で上下移動できるようにしました。
UI
これもエンジニア向けに、ターミナルを連想させるようなスタイルにしています。仕事中にプレイしても 上司には絶対にバレません 。(バレます)
統計機能
過去のプレイデータの統計情報を確認できる機能があります。
(拡張機能なのでぼかしを入れています)
クレジット
- BGM制作: https://suno.com
- SE: https://soundeffect-lab.info
- 単語リスト(一部修正): https://gist.github.com/ShinoharaTa/f967fab6a7fd6e0e289f5ce3d00f2060
🍙 おわりに
是非最高レベルクリアを目指してプレイしてみてください！
フィードバックを頂けたら幸いです！