PORTFOLIO
トランプゲーム
ブラックジャック
課題解決プロセス
「トランプゲームアプリ」は、定番のブラックジャックを楽しめるゲームアプリです。シンプルで直感的な操作性と、臨場感のあるアニメーション、緊張感のあるディーラーとの駆け引きを再現し、ルールを覚えながらカジノ気分を味わえます。
UI/UX設計からゲームロジック・アニメーション・サウンドまで一貫して実装。シンプルなコンポーネント設計で、今後のゲーム拡張(大富豪、ババ抜きなど)にも対応可能なアーキテクチャを採用しています。
ワンスクリーンで完結するUI設計を採用し、ヒット・スタンド・ダブルダウン等の操作をワンタップで実行できる画面を構築。カード演出・チップ表示・ディーラー挙動も、テンポを損なわずに視覚的に伝わるアニメーションで設計しました。プレイ体験を最優先したアプリ構成となっています。
ゲームロジック・UI・状態管理を一貫設計。短時間でも本格的なブラックジャック体験を提供できるアプリとして開発しました。今後は他のゲームへの拡張も予定しています。
ポイント
- ワンスクリーン完結のUI設計で、画面遷移なしにゲームの全操作をワンタップで実行可能
- カード配布・チップ演出・ディーラー挙動をテンポを損なわないアニメーションで実装
- ゲームロジック・UI・状態管理を一貫して設計し、バグの少ないプレイ体験を実現
- コンポーネント設計により大富豪・ババ抜き等の他ゲームへの拡張が容易なアーキテクチャ
- サウンドエフェクトと視覚演出の組み合わせで、カジノの臨場感を再現
プロジェクト概要
「トランプカードゲーム」は、定番のブラックジャックをスマートフォンでいつでも気軽に楽しめるゲームアプリです。シンプルで直感的な操作性と、緊張感のあるディーラーとの駆け引きを再現し、ルールを覚えながらカジノ気分を味わえます。
個人開発として、UI/UX設計からゲームロジック・アニメーション・サウンドまで一貫して実装。シンプルなコンポーネント設計で、今後のカードゲーム拡張(ポーカー、バカラ等)にも対応可能なアーキテクチャを採用しています。
主な機能
- ブラックジャックの本格的なゲームプレイ
- 直感的なタッチ操作(ヒット・スタンド・ダブルダウン・スプリット)
- スムーズなカードアニメーション
- サウンドエフェクト
- 戦績記録・統計表示
技術スタック
- フレームワーク: React Native
- 言語: TypeScript
- 状態管理: Zustand
- アニメーション: React Native Reanimated
設計のこだわり
コンポーネントベースの設計を採用し、カード・デッキ・プレイヤーをそれぞれ独立したモジュールとして実装。ブラックジャック以外のカードゲーム(ポーカー、バカラなど)にも拡張可能な汎用アーキテクチャになっています。