自主制作×
Apps & Games
日常の小さな困りごとや「こんな遊びがあったら」を起点に、企画・UIデザイン・実装・公開までを一人で手がけたアプリとゲームです。 すべてブラウザでそのまま試せます。
- 公開中
- 30.
- うちゲーム
- 7.
- GitHub公開
- 21.
消えた記憶
VANISHING
目覚めると、そこは廃病院。名前以外の記憶を失った青年として、懐中電灯の光だけを頼りに院内を探索し、 散らばった手記と鍵を集めて失われた過去に迫ります。最後の選択によって結末が分岐するストーリー型ホラーです。
- Canvas 2D で懐中電灯の視界とマップを描画し、暗闇の緊張感を演出
- 効果音・環境音は音声ファイルを使わず Web Audio API で生成
- スマホ縦持ち向けのスティック操作と振動フィードバック、セーブ／ロード対応
注目の作品
3D物理シミュレーション、オープンワールド、学習プロダクト。技術的に挑戦した3本です。
消しバト！放課後カスタムアリーナ
Rapier の剛体物理で消しゴムのはじき合いを再現。3Dモデルと効果音はスクリプトで生成し、Vitest / Playwright でテストしています。
遊んでみる
原環の大地 ― ヴァルナ年代記 ―
世界観・物語・システムの設計書（全13文書）を書き、最初の遊べる区間を Three.js で実装。ボス戦、手続き生成の映像と音、ゲームパッド操作まで動きます。
遊んでみる
CSS Design Lab
全136レッスンの CSS 学習アプリと、303フレームの連番画像でスクロール演出した紹介LPをセットで制作しました。
LPを見るアプリ一覧
新しい順に並べています。「アプリを開く」でそのまま起動、「Code」からソースコードを確認できます。
つくるときに
決めていること
一本ごとに作り切って公開し、触った人の反応から次の一本を考える。そのサイクルを速く回すための共通ルールです。
- 01
登録なしで、すぐ使える
ログイン不要。データは IndexedDB や localStorage で端末内に保存し、個人情報を預からない設計に。
- 02
スマホで片手完結
モバイルファーストで設計し、PWA としてホーム画面に追加可能。Capacitor で Android アプリ化も。
- 03
オフラインでも動く
外部APIに頼らず、Service Worker で通信がなくても使えるようにしています。
- 04
公開して、直す
GitHub Pages で即公開。ケシバトは 2D 版から Web 版、3D 版へと3世代作り直しました。