ハイ＆ロー コメントを残す カテゴリー: <a href="https://kamidama-rakugaki.com/category/%e3%82%b2%e3%83%bc%e3%83%a0/" rel="category tag">ゲーム</a>、<a href="https://kamidama-rakugaki.com/category/%e3%82%b2%e3%83%bc%e3%83%a0/%e3%83%88%e3%83%a9%e3%83%b3%e3%83%97/" rel="category tag">トランプ</a> | タグ: <a href="https://kamidama-rakugaki.com/tag/%e3%82%b2%e3%83%bc%e3%83%a0/" rel="tag">ゲーム</a> | 投稿日: <a href="https://kamidama-rakugaki.com/2025/12/29/%e3%83%8f%e3%82%a4%ef%bc%86%e3%83%ad%e3%83%bc/" title="12:42" rel="bookmark"><time class="entry-date" datetime="2025-12-29T12:42:42+09:00">2025年12月29日</time></a> | <span class="by-author">投稿者: <span class="author vcard"><a class="url fn n" href="https://kamidama-rakugaki.com/author/kamidama/" title="kamidama の投稿をすべて表示" rel="author">kamidama</a></span></span> </footer><!-- .entry-meta --> </article><!-- #post --> <article id="post-377" class="post-377 post type-post status-publish format-standard hentry category-14 category-16 tag-13"> <header class="entry-header"> <h1 class="entry-title"> <a href="https://kamidama-rakugaki.com/2025/12/29/%e3%83%96%e3%83%a9%e3%83%83%e3%82%af%e3%82%b8%e3%83%a3%e3%83%83%e3%82%af/" rel="bookmark">ブラックジャック</a> </h1> <div class="comments-link"> <a href="https://kamidama-rakugaki.com/2025/12/29/%e3%83%96%e3%83%a9%e3%83%83%e3%82%af%e3%82%b8%e3%83%a3%e3%83%83%e3%82%af/#respond"><span class="leave-reply">コメントを残す</span></a> </div><!-- .comments-link --> </header><!-- .entry-header --> <div class="entry-content"> <iframe style="width: 100%; max-width: 600px; height: 650px; border: none; display: block; margin: 0 auto;" title="Blackjack Betting" srcdoc=" <!DOCTYPE html> <html lang='ja'> <head> <meta charset='UTF-8'> <style> body { font-family: 'Helvetica', 'Arial', sans-serif; background-color: #205e3e; color: white; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 10px; user-select: none; } h2 { margin: 5px 0; text-shadow: 1px 1px 2px black; font-size: 20px; } /* ステータスバー */ .top-bar { background: rgba(0,0,0,0.5); width: 100%; max-width: 500px; padding: 10px; border-radius: 10px; display: flex; justify-content: space-between; box-sizing: border-box; margin-bottom: 15px; } .money-box { font-size: 18px; color: #ffeb3b; font-weight: bold; } .bet-box { font-size: 18px; color: white; font-weight: bold; } .game-area { width: 100%; max-width: 500px; display: flex; flex-direction: column; gap: 15px; flex-grow: 1; } .hand-section { min-height: 110px; display: flex; flex-direction: column; align-items: center; } .hand-title { font-size: 12px; margin-bottom: 4px; opacity: 0.8; } .score-display { font-weight: bold; font-size: 16px; margin-bottom: 4px; } .cards-container { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } /* カードデザイン */ .card { width: 50px; height: 70px; background-color: white; border-radius: 4px; color: black; display: flex; flex-direction: column; justify-content: space-between; padding: 4px; box-sizing: border-box; font-weight: bold; font-size: 14px; box-shadow: 2px 2px 4px rgba(0,0,0,0.4); position: relative; } .card.red { color: #d32f2f; } .card.black { color: #222; } .suit-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; opacity: 0.3; } .rank-tl { align-self: flex-start; line-height: 1; } .rank-br { align-self: flex-end; transform: rotate(180deg); line-height: 1; } .card.hidden { background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px); border: 2px solid white; } #message { height: 24px; font-weight: bold; font-size: 16px; text-align: center; text-shadow: 1px 1px 2px black; color: #fff; } /* 操作パネル */ .controls-area { margin-top: auto; padding-bottom: 10px; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } button { padding: 10px 20px; font-size: 14px; font-weight: bold; cursor: pointer; border: none; border-radius: 5px; box-shadow: 0 4px 0 rgba(0,0,0,0.2); transition: transform 0.1s; } button:active { transform: translateY(2px); box-shadow: none; } /* ベット用ボタン */ .btn-chip { background-color: #ff9800; color: white; width: 60px; } .btn-deal { background-color: #f44336; color: white; width: 100%; max-width: 200px; font-size: 16px; } .btn-clear { background-color: #9e9e9e; color: white; } /* アクション用ボタン */ .btn-hit { background-color: #2196f3; color: white; width: 100px; } .btn-stand { background-color: #4caf50; color: white; width: 100px; } .btn-next { background-color: #ffeb3b; color: black; width: 100%; max-width: 200px; } .btn-reset { background-color: #000; color: white; border: 1px solid white; } .hidden-area { display: none !important; } </style> </head> <body> <h2>BLACKJACK</h2> <div class='top-bar'> <div class='money-box'>所持金: $<span id='money'>1000</span></div> <div class='bet-box'>BET: $<span id='current-bet'>0</span></div> </div> <div class='game-area'> <div class='hand-section'> <div class='hand-title'>DEALER</div> <div class='score-display' id='dealer-score'>—</div> <div class='cards-container' id='dealer-cards'></div> </div> <div id='message'>ベットしてください</div> <div class='hand-section'> <div class='hand-title'>YOU</div> <div class='score-display' id='player-score'>—</div> <div class='cards-container' id='player-cards'></div> </div> <div id='bet-controls' class='controls-area'> <div style='width:100%; text-align:center; margin-bottom:5px;'> <button class='btn-chip' onclick='addBet(10)'>$10</button> <button class='btn-chip' onclick='addBet(50)'>$50</button> <button class='btn-chip' onclick='addBet(100)'>$100</button> <button class='btn-chip' onclick='addBetAll()'>全額</button> <button class='btn-clear' onclick='clearBet()'>クリア</button> </div> <button class='btn-deal' id='btn-deal' onclick='startGame()' disabled>DEAL (勝負開始)</button> </div> <div id='play-controls' class='controls-area hidden-area'> <button class='btn-hit' onclick='hit()'>HIT</button> <button class='btn-stand' onclick='stand()'>STAND</button> </div> <div id='result-controls' class='controls-area hidden-area'> <button class='btn-next' id='btn-next' onclick='resetRound()'>次のゲームへ</button> <button class='btn-reset hidden-area' id='btn-restart' onclick='fullReset()'>破産… 最初から</button> </div> </div> <script> const SUITS = ['♠', '♥', '♦', '♣']; const RANKS = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K']; let deck = []; let playerHand = []; let dealerHand = []; let money = 1000; let currentBet = 0; let tempBet = 0; // ベット中の額 let gameOver = false; // UI要素 const elMoney = document.getElementById('money'); const elBet = document.getElementById('current-bet'); const elMsg = document.getElementById('message'); const elDealBtn = document.getElementById('btn-deal'); const divBet = document.getElementById('bet-controls'); const divPlay = document.getElementById('play-controls'); const divResult = document.getElementById('result-controls'); const btnNext = document.getElementById('btn-next'); const btnRestart = document.getElementById('btn-restart'); function createDeck() { deck = []; for (let s of SUITS) { for (let r of RANKS) { let val = parseInt(r); if (r === 'A') val = 11; if (['J','Q','K'].includes(r)) val = 10; deck.push({ suit: s, rank: r, value: val }); } } } function shuffleDeck() { for (let i = deck.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [deck[i], deck[j]] = [deck[j], deck[i]]; } } function getCard() { return deck.pop(); } function getHandValue(hand) { let value = 0, aces = 0; for (let card of hand) { value += card.value; if (card.rank === 'A') aces++; } while (value > 21 && aces > 0) { value -= 10; aces--; } return value; } // --- ベット機能 --- function addBet(amount) { if (tempBet + amount <= money) { tempBet += amount; updateBetUI(); } } function addBetAll() { tempBet = money; updateBetUI(); } function clearBet() { tempBet = 0; updateBetUI(); } function updateBetUI() { elBet.textContent = tempBet; elDealBtn.disabled = (tempBet === 0); elMsg.textContent = `ベット額: $${tempBet}`; } // --- ゲーム進行 --- function startGame() { if (tempBet === 0) return; // 所持金から引く money -= tempBet; currentBet = tempBet; elMoney.textContent = money; // UI切り替え divBet.classList.add('hidden-area'); divPlay.classList.remove('hidden-area'); createDeck(); shuffleDeck(); playerHand = [getCard(), getCard()]; dealerHand = [getCard(), getCard()]; gameOver = false; // ブラックジャック判定 if (getHandValue(playerHand) === 21) { render(false); stand(); // 即座にスタンド扱い } else { elMsg.textContent = 'アクションを選択してください'; render(false); } } function hit() { playerHand.push(getCard()); render(false); if (getHandValue(playerHand) > 21) { endRound('LOSE... (バースト)'); } } function stand() { let dVal = getHandValue(dealerHand); while (dVal < 17) { dealerHand.push(getCard()); dVal = getHandValue(dealerHand); } determineWinner(); } function determineWinner() { const pVal = getHandValue(playerHand); const dVal = getHandValue(dealerHand); let msg = ''; let payout = 0; if (pVal > 21) { msg = 'LOSE...'; } else { // プレイヤーがバーストしていない場合 if (dVal > 21) { msg = 'WIN! (ディーラーバースト)'; payout = currentBet * 2; } else if (pVal > dVal) { // ブラックジャック勝ちならボーナス if (pVal === 21 && playerHand.length === 2) { msg = 'BLACKJACK!! (2.5倍)'; payout = currentBet + (currentBet * 1.5); } else { msg = 'WIN!'; payout = currentBet * 2; } } else if (pVal < dVal) { msg = 'LOSE...'; } else { msg = 'PUSH (引き分け)'; payout = currentBet; } } // 払い戻し処理 money += Math.floor(payout); elMoney.textContent = money; endRound(msg, payout > currentBet); } function endRound(msg, isWin) { gameOver = true; render(true); elMsg.textContent = msg; if(isWin) elMsg.style.color = '#ffeb3b'; else elMsg.style.color = 'white'; divPlay.classList.add('hidden-area'); divResult.classList.remove('hidden-area'); // 破産判定 if (money === 0) { elMsg.textContent = '破産しました...'; btnNext.classList.add('hidden-area'); btnRestart.classList.remove('hidden-area'); } else { btnNext.classList.remove('hidden-area'); btnRestart.classList.add('hidden-area'); } } function resetRound() { tempBet = 0; currentBet = 0; elBet.textContent = '0'; divResult.classList.add('hidden-area'); divBet.classList.remove('hidden-area'); // 盤面クリア document.getElementById('dealer-cards').innerHTML = ''; document.getElementById('player-cards').innerHTML = ''; document.getElementById('dealer-score').textContent = '--'; document.getElementById('player-score').textContent = '--'; elMsg.textContent = 'ベットしてください'; elMsg.style.color = 'white'; updateBetUI(); } function fullReset() { money = 1000; elMoney.textContent = money; resetRound(); } // 描画関数 function render(showAll) { const dCards = document.getElementById('dealer-cards'); const pCards = document.getElementById('player-cards'); const dScore = document.getElementById('dealer-score'); const pScore = document.getElementById('player-score'); pCards.innerHTML = playerHand.map(c => createCardHTML(c)).join(''); pScore.textContent = getHandValue(playerHand); dCards.innerHTML = dealerHand.map((c, i) => (i===0 && !showAll) ? createCardHTML(c, true) : createCardHTML(c) ).join(''); if (showAll) dScore.textContent = getHandValue(dealerHand); else dScore.textContent = '?'; } function createCardHTML(c, hide=false) { if (hide) return `<div class='card hidden'></div>`; const isRed = (c.suit === '♥' || c.suit === '♦'); return `<div class='card ${isRed?'red':'black'}'> <div class='rank-tl'>${c.rank}<br>${c.suit}</div> <div class='suit-center'>${c.suit}</div> <div class='rank-br'>${c.rank}<br>${c.suit}</div> </div>`; } </script> </body> </html> “>
