日本の伝統的なカードゲーム「おいちょかぶ」をブラウザで楽しめるPWA(Progressive Web App)です。
おいちょかぶは、カードの合計値の下1桁で競う日本の伝統的なギャンブルゲームです。9(カブ)が最強で、親より高い数字を目指します。
- 📱 PWA対応 - スマホにインストール可能
- 🌐 オフライン対応 - インターネット接続なしでプレイ可能
- 🎨 レスポンシブデザイン - PC・タブレット・スマホに対応
- 💰 賭け金システム - 所持金1000からスタート
- ⚡ 特殊役対応 - アラシ、シッピン、クッピンなど
index.htmlをブラウザで開く- または、HTTPサーバーを起動:
python3 -m http.server 8000- ブラウザで
http://localhost:8000にアクセス
- HTTPSサーバーでホスティング
- Chrome/Safariでアクセス
- 「ホーム画面に追加」を選択
- 2枚のカードを引き、合計の下1桁で勝負
- 3枚目を引くことも可能(最大3枚)
- 親(ディーラー)より高い数字で勝利
- 9(カブ) - 最強
- 8(オイチョ) - 2番目に強い
- 7〜1 - 数字順
- 0(ブタ) - 最弱
- アラシ - 3枚同じ数字(最強役)
- シッピン - 4と1の組み合わせ
- クッピン - 9と1の組み合わせ
oicho/
├── index.html # メインHTML
├── style.css # スタイルシート
├── game.js # ゲームロジック
├── manifest.json # PWA設定
├── sw.js # Service Worker
├── icon-192.png # アイコン(192x192)
├── icon-512.png # アイコン(512x512)
└── README.md # このファイル
- HTML5 - 構造
- CSS3 - スタイリング(グラデーション、レスポンシブ対応)
- JavaScript - ゲームロジック(ES6+)
- PWA - Service Worker、Web App Manifest
- オフライン対応 - Cache API
- Chrome/Edge (推奨)
- Safari
- Firefox
- iOS Safari
- Android Chrome
game.jsの7行目を編集:
this.chips = 1000; // お好みの金額に変更style.cssの背景グラデーションを編集:
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);このプロジェクトは個人利用を目的としています。
バグ報告や機能提案は、Issueを作成してください。
楽しいゲームタイムを!🎴