歩きスマホ
サバイバル

SMARTPHONE SURVIVAL

↓ 下にスクロールで解説を読む ↓
SCORE
0
業務連絡call
至急返信求む。

MISSION

今向かってます

📱開発の背景 / Background Story

現代社会において、「歩きスマホ(Texting while walking)」による事故やトラブルは深刻な問題となっています。私たちは、この危険な行為がいかに注意力を奪うかを、安全なゲームという環境で体験してもらうためにこのプロジェクトを立ち上げました。

プレイヤーは「上司への即レス」というプレッシャーの中で、迫りくる障害物を回避しなければなりません。このマルチタスクの難しさを通じて、現実世界での歩きスマホの危険性をユーモラスかつシリアスに伝えます。

ハイスコアを狙うための攻略テクニック

1. 集中モードを活用せよ

文字入力欄をタップしている間は、ゲーム内の時間がスローモーションになります。障害物が密集していて避けきれないと感じたら、すぐに入力モードに入り、回避ルートを見極めるのが生存の鍵です。

2. "即レス"ボーナス

お題の文字を正確に入力すると、+500点の大幅なスコアボーナスが入ります。移動距離だけでスコアを稼ぐのは限界があるため、隙を見て積極的に返信を行いましょう。

本ゲームに使用されているWeb技術

このゲームは、モダンなWeb技術スタックを用いて開発された、インストール不要のPWA(プログレッシブ・ウェブ・アプリ)対応ブラウザゲームです。 ネイティブアプリのような体験をWebブラウザ上で実現するために、以下の技術を採用しています。

⚡ Next.js (App Router)ReactフレームワークのデファクトスタンダードであるNext.jsを採用。 Server Side Rendering (SSR) と Static Site Generation (SSG) を適切に使い分けることで、高速なページロードとSEOへの最適化を実現しました。
🧊 React Three Fiber (Three.js)WebGLライブラリであるThree.jsをReactコンポーネントとして宣言的に記述できるReact Three Fiberを使用。 これにより、複雑な3Dシーンの管理とReactの状態管理(Hooks)をシームレスに統合し、ダイナミックなゲーム体験をブラウザ上で実現しています。
🎨 Tailwind CSSユーティリティファーストなCSSフレームワークを採用。 レスポンシブデザインの実装効率を高め、スマートフォンからデスクトップまで、あらゆる画面サイズで崩れないUIデザインを提供しています。