3D楹诲皢路鏂颁綑鑷懜鑳?/title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #1a0a04; font-family: "Microsoft YaHei","PingFang SC",sans-serif; user-select: none; overflow: hidden; } #app { width: 100vw; height: 100vh; position: relative; overflow: hidden; background: #0d1117; } #canvas3d { display: block; width: 100%; height: 100%; cursor: pointer; } #hud { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; background: linear-gradient(180deg, rgba(0,0,0,0.65), transparent); color: #c0e8d0; font-size: 13px; pointer-events: none; } #hud .hud-left, #hud .hud-right { display: flex; gap: 12px; align-items: center; } #hud .hud-center { color: #ffd700; font-weight: bold; font-size: 14px; letter-spacing: 2px; } #hud .turn-ind.active { color: #ffd700; text-shadow: 0 0 8px #ffd700; } #hud .turn-ind.dealer::after { content: ' 搴?; color: #ff6b6b; font-weight: bold; } #hud .turn-ind.active { animation: turnPulse 1.2s ease-in-out infinite; } @keyframes turnPulse { 0%,100%{text-shadow:0 0 6px #ffd700;} 50%{text-shadow:0 0 14px #ffd700,0 0 24px #ffd700;} } #hud button { pointer-events: auto; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,215,0,0.4); color: #aaa; padding: 3px 10px; border-radius: 6px; cursor: pointer; font-size: 12px; font-family: inherit; } #hud button:hover { color: #ffd700; border-color: #ffd700; } #btnMute { font-size: 14px; padding: 3px 7px; } #actionBar { position: fixed; bottom: 16%; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 18px; z-index: 40; display: none; pointer-events: none; } #actionBar.show { display: flex; } #actionBar .action-btn { pointer-events: auto; } .action-btn { padding: 14px 34px; font-size: 23px; font-weight: 600; border-radius: 14px; border: 2px solid #ffd700; background: rgba(0,0,0,0.55); color: #ffd700; cursor: pointer; letter-spacing: 6px; backdrop-filter: blur(4px); transition: all .15s; font-family: inherit; box-shadow: 0 4px 14px rgba(0,0,0,0.4); min-width: 120px; text-align: center; } .action-btn:hover { background: rgba(255,215,0,0.25); transform: scale(1.07); box-shadow: 0 6px 20px rgba(255,215,0,0.25); } .action-btn:active { transform: scale(0.97); } .action-btn.primary { background: #e94560; border-color: #e94560; color: #fff; box-shadow: 0 4px 14px rgba(233,69,96,0.4); } .action-btn.primary:hover { background: #ff5c77; box-shadow: 0 6px 20px rgba(233,69,96,0.55); } .action-btn.gray { border-color: #777; color: #aaa; } .action-btn.gray:hover { background: rgba(120,120,120,0.25); } #toast { position: fixed; top: 58px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); border: 1px solid rgba(255,215,0,0.3); padding: 8px 22px; border-radius: 20px; color: #ffd700; font-size: 14px; z-index: 50; opacity: 0; transition: opacity .3s; pointer-events: none; letter-spacing: 1px; } #toast.show { opacity: 1; } #modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.6); backdrop-filter: blur(3px); } #modal.show { display: flex; } #modal .box { background: #14201b; border: 2px solid #ffd700; border-radius: 16px; padding: 30px 44px; text-align: center; color: #eee; max-width: 480px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); } #modal h2 { color: #ffd700; font-size: 26px; margin-bottom: 12px; letter-spacing: 4px; } #modal .detail { font-size: 14px; color: #b8d8c0; line-height: 1.9; margin: 10px 0; } #modal .detail span { color: #ffd700; } #modal .scores { font-size: 13px; color: #8ab; margin: 8px 0 16px; line-height: 1.7; } #modal .btn { padding: 10px 40px; font-size: 16px; border-radius: 10px; border: 2px solid #ffd700; background: rgba(0,0,0,0.4); color: #ffd700; cursor: pointer; letter-spacing: 3px; font-family: inherit; } #modal .btn:hover { background: rgba(255,215,0,0.2); } #modal .btn-gray { border-color: #7a8a7a; color: #b8c8b8; margin-left: 12px; } #modal .btn-gray:hover { background: rgba(122,138,122,0.2); } #modal .modal-btns { margin-top: 6px; } #modal .modal-tip { font-size: 12px; color: #7a9a7a; margin-top: 12px; letter-spacing: 1px; } #modal .hands-wrap { margin-top: 14px; text-align: left; } #modal .hands-toggle { font-size: 14px; color: #8ab4e8; cursor: pointer; letter-spacing: 2px; padding: 4px 0; user-select: none; } #modal .hands-toggle:hover { color: #ffd700; } #modal .hands-body { margin-top: 8px; max-height: 240px; overflow-y: auto; border-top: 1px solid rgba(255,215,0,0.3); padding-top: 8px; } #modal .hand-row { margin-bottom: 10px; font-size: 13px; color: #c8d8c8; line-height: 1.6; } #modal .hand-row b { color: #ffd700; font-weight: normal; letter-spacing: 1px; margin-right: 6px; } #modal .hand-row .tiles { display: inline-block; } #modal .hand-row .tiles span { display: inline-block; min-width: 22px; text-align: center; color: #fff; background: #1e3a2e; border: 1px solid #3a6a4a; border-radius: 4px; padding: 2px 3px; margin: 1px; font-size: 12px; } #modal .hand-row .meld { display: inline-block; margin-left: 6px; color: #b8d8c0; font-size: 12px; } #modal .hand-row .meld span { display: inline-block; min-width: 20px; text-align: center; color: #d0e8d8; background: rgba(100,140,200,0.2); border: 1px solid rgba(100,140,200,0.4); border-radius: 4px; padding: 2px 3px; margin: 1px; font-size: 11px; } #loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ffd700; font-size: 18px; z-index: 200; letter-spacing: 3px; } #hint { position: fixed; bottom: 8px; left: 50%; transform: translateX(-50%); color: #6a9a7a; font-size: 11px; z-index: 5; letter-spacing: 1px; text-align: center; pointer-events: none; opacity: 0.6; } /* ---- 杩涘叆椤甸潰锛堝紑濮嬮伄缃╋級 ---- */ #lobby { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 150; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center, rgba(20,12,6,0.72), rgba(8,4,2,0.88)); backdrop-filter: blur(2px); } #lobby .lobby-box { width: 360px; max-width: 88vw; padding: 34px 36px 28px; background: rgba(28,18,10,0.92); border: 1px solid rgba(255,215,0,0.35); border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); text-align: center; } #lobby .lobby-title { font-size: 26px; color: #ffd700; letter-spacing: 4px; font-weight: bold; margin-bottom: 6px; } #lobby .lobby-sub { font-size: 12px; color: #9a8a6a; letter-spacing: 2px; margin-bottom: 24px; } #lobby .lobby-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; text-align: left; } #lobby .lobby-field label { font-size: 12px; color: #b8a888; letter-spacing: 1px; } #lobby .lobby-field input { background: rgba(10,6,3,0.8); border: 1px solid rgba(255,215,0,0.3); border-radius: 8px; color: #e8d8b8; padding: 10px 12px; font-size: 15px; font-family: inherit; outline: none; } #lobby .lobby-field input:focus { border-color: #ffd700; } #lobby .lobby-tips { font-size: 11px; color: #7a6a5a; margin: 4px 0 18px; letter-spacing: 1px; } #lobby .lobby-advanced-toggle { font-size: 12px; color: #8a7a5a; letter-spacing: 1px; cursor: pointer; text-align: right; margin-bottom: 10px; user-select: none; transition: color 0.2s; } #lobby .lobby-advanced-toggle:hover { color: #ffd700; } #lobby .lobby-progress { margin-top: 14px; } #lobby .lobby-progress-steps { display: flex; flex-direction: column; gap: 8px; } #lobby .lobby-step { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #5a4a3a; letter-spacing: 1px; transition: color 0.3s; } #lobby .lobby-step.active { color: #ffd700; } #lobby .lobby-step.done { color: #6eea90; } #lobby .lobby-step-dot { width: 10px; height: 10px; border-radius: 50%; background: #3a2a1a; border: 1px solid #5a4a3a; flex-shrink: 0; transition: background 0.3s, border-color 0.3s; } #lobby .lobby-step.active .lobby-step-dot { background: #ffd700; border-color: #ffd700; animation: lobby-pulse 1s ease-in-out infinite; } #lobby .lobby-step.done .lobby-step-dot { background: #6eea90; border-color: #6eea90; } @keyframes lobby-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } } #lobby .lobby-btn { width: 100%; padding: 12px; font-size: 17px; letter-spacing: 6px; font-family: inherit; background: linear-gradient(180deg, #e6b93e, #c8961e); color: #241404; border: none; border-radius: 10px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 14px rgba(230,185,62,0.3); } #lobby .lobby-btn:hover { filter: brightness(1.1); } #lobby .lobby-btn:disabled { filter: grayscale(0.7); cursor: wait; } #lobby .lobby-err { min-height: 18px; margin-top: 12px; font-size: 12px; color: #ff7b6b; } #lobby .lobby-mode { display: flex; gap: 12px; } #lobby .lobby-mode-btn { flex: 1; padding: 9px 0; font-size: 14px; font-family: inherit; letter-spacing: 2px; background: rgba(10,6,3,0.8); color: #b8a888; border: 1px solid rgba(255,215,0,0.3); border-radius: 8px; cursor: pointer; } #lobby .lobby-mode-btn:hover { filter: brightness(1.15); } #lobby .lobby-mode-btn.active { background: linear-gradient(180deg,#e6b93e,#c8961e); color: #241404; font-weight: bold; border-color: #ffd700; } #lobby .lobby-bot { display: flex; gap: 12px; } /* ---- 鎴块棿绛夊緟闈㈡澘 ---- */ #roomPanel .room-p { display: flex; align-items: center; gap: 10px; padding: 10px 8px; border-bottom: 1px solid rgba(255,215,0,0.12); } #roomPanel .room-p-name { font-size: 15px; color: #e8d8b8; flex: 1; letter-spacing: 1px; } #roomPanel .room-p-tag { font-size: 11px; padding: 2px 8px; border-radius: 10px; letter-spacing: 1px; } #roomPanel .room-p-tag.bot { background: rgba(100,140,200,0.25); color: #8ab4e8; border: 1px solid rgba(100,140,200,0.4); } #roomPanel .room-p-tag.human { background: rgba(80,200,120,0.2); color: #6eea90; border: 1px solid rgba(80,200,120,0.35); } #roomPanel .room-p-state { font-size: 13px; letter-spacing: 1px; min-width: 56px; text-align: right; } #roomPanel .room-p-state.ok { color: #6eea90; } #roomPanel .room-p-state.no { color: #ff9b6b; } #roomPanel .room-empty { font-size: 12px; color: #7a6a5a; text-align: center; padding: 14px 8px; letter-spacing: 1px; font-style: italic; } #roomPanel .lobby-btn { width: 100%; padding: 12px; font-size: 16px; letter-spacing: 4px; font-family: inherit; background: linear-gradient(180deg, #e6b93e, #c8961e); color: #241404; border: none; border-radius: 10px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 14px rgba(230,185,62,0.3); margin-bottom: 10px; } #roomPanel .lobby-btn:hover { filter: brightness(1.1); } #roomPanel .room-btn-gray { background: rgba(60,50,40,0.8) !important; color: #9a8a7a !important; border: 1px solid rgba(150,140,120,0.4) !important; box-shadow: none !important; } #roomPanel .room-btn-gray:hover { filter: brightness(1.15); } </style> </head> <body> <div id="app"><canvas id="canvas3d"></canvas></div> <div id="loading">3D 楹诲皢鍔犺浇涓?..</div>  <div id="lobby"> <div class="lobby-box"> <div class="lobby-title">3D 楹诲皢路鏂颁綑鑷懜鑳?/div> <div class="lobby-sub">136 寮?路鏃犺姳路绂佸悆路鍙兘鑷懜鑳?/div> <div class="lobby-field"> <label>鏄电О</label> <input id="lobbyName" type="text" maxlength="12" value="楠屾敹鐢? placeholder="杈撳叆浣犵殑鏄电О"> </div> <div class="lobby-advanced-toggle" id="lobbyAdvancedToggle">楂樼骇璁剧疆鈻?/div> <div class="lobby-field" id="lobbyUrlWrap" style="display:none"> <label>鏈嶅姟鍣ㄥ湴鍧€</label> <input id="lobbyUrl" type="text" value="wss://mj3d-game.onrender.com/game" placeholder="wss://鏈嶅姟鍣ㄥ湴鍧€/game"> </div> <div class="lobby-field"> <label>杩涘叆鏂瑰紡</label> <div class="lobby-mode"> <button class="lobby-mode-btn active" id="modeCreate" type="button">鍒涘缓鎴块棿</button> <button class="lobby-mode-btn" id="modeJoin" type="button">鍔犲叆鎴块棿</button> </div> </div>  <div class="lobby-field" id="lobbyBotRow"> <label>琛ヤ綅鏈哄櫒浜猴紙鐪熶汉涓嶈冻鏃惰嚜鍔ㄨˉ婊?4 浜猴級</label> <div class="lobby-bot"> <button class="lobby-mode-btn active" data-bot="3" type="button">3 涓?/button> <button class="lobby-mode-btn" data-bot="2" type="button">2 涓?/button> <button class="lobby-mode-btn" data-bot="1" type="button">1 涓?/button> <button class="lobby-mode-btn" data-bot="0" type="button">0 涓?/button> </div> </div>  <div class="lobby-field" id="lobbyJoinRow" style="display:none"> <label>鎴块棿鍙?/label> <input id="lobbyRoomId" type="text" placeholder="杈撳叆鎴夸富鍒涘缓鐨勬埧闂村彿"> </div> <div class="lobby-tips" id="lobbyTips">鍒涘缓鎴块棿鍚庯紝鍏朵粬鐪熶汉鍙敤浣犵殑鎴块棿鍙峰姞鍏ワ紱娌″～婊＄殑绌轰綅鐢ㄦ満鍣ㄤ汉琛ラ綈</div> <button class="lobby-btn" id="lobbyStart">杩涘叆娓告垙</button> <div class="lobby-err" id="lobbyErr"></div> <div class="lobby-progress" id="lobbyProgress" style="display:none"> <div class="lobby-progress-steps"> <div class="lobby-step" data-step="1"><span class="lobby-step-dot"></span>杩炴帴鏈嶅姟鍣?/div> <div class="lobby-step" data-step="2"><span class="lobby-step-dot"></span>鐧诲綍涓?/div> <div class="lobby-step" data-step="3"><span class="lobby-step-dot"></span>鍒涘缓鎴块棿</div> <div class="lobby-step" data-step="4"><span class="lobby-step-dot"></span>鍑嗗寮€灞€</div> </div> </div> </div> </div> <div id="hud"> <div class="hud-left"><span>绗?<span id="roundNum">1</span> 灞€</span><span id="wallLeft">鐗屽 0</span></div> <div class="hud-center" id="turnText">鍑嗗涓?/div> <div class="hud-right"> <span class="turn-ind" id="score0">鎴?0</span><span class="turn-ind" id="score1">宸?0</span><span class="turn-ind" id="score2">瀵?0</span><span class="turn-ind" id="score3">鍙?0</span> <button id="btnResetView">澶嶄綅瑙嗚</button> <button id="btnMute" title="闈欓煶/鍙栨秷闈欓煶">馃攰</button> <button id="btnNew">閲嶅紑</button> <button id="btnQuitGame" title="閫€鍑烘湰灞€瀵瑰眬">閫€鍑?/button> </div> </div> <div id="actionBar"></div> <div id="toast"></div> <div id="hint">鐐瑰嚮鑷繁鐨勭墝鍑虹墝路纰?鏉?鑳＄偣涓嬫柟鎸夐挳</div> <div id="modal"> <div class="box"> <h2 id="modalTitle"></h2> <div class="detail" id="modalDetail"></div> <div class="scores" id="modalScores"></div> <div class="hands-wrap" id="modalHands" style="display:none"> <div class="hands-toggle" id="handsToggle">鏌ョ湅鍚勫鎵嬬墝鈻?/div> <div class="hands-body" id="handsBody" style="display:none"></div> </div> <div class="modal-btns"> <button class="btn" id="modalBtn">鍐嶆潵涓€灞€</button> <button class="btn btn-gray" id="modalLeave">绂诲紑鎴块棿</button> </div> <div class="modal-tip" id="modalTip"></div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.160.0/examples/js/geometries/RoundedBoxGeometry.js"></script> <script src="OrbitControls.js"></script> <script src="mj3d_data.js"></script> <script src="mj3d_dice_data.js"></script> <script src="Dice3D.js"></script> <script src="DiceTrayTimer.js"></script> <script src="mj3d-effects.js"></script> <script src="mj3d-audio.js"></script> <script src="desk-texture-data.js"></script> <script> /* ================================================================ 3D 楹诲皢路鏂颁綑鑷懜鑳? 娓叉煋锛歍hree.js WebGL锛堟硶绾胯创鍥炬诞闆?+ 澶氬厜婧愶紝鍚?mj3d_preview锛? 瑙勫垯锛?36 寮?路鏃犺姳路涓嶈兘鍚?路鍙兘纰版潬路鍙兘鑷懜鑳? ================================================================ */ // ---------- 鐗屽瀷甯搁噺 ---------- var TYPE2TILE = { 'w1':'w1','w2':'w2','w3':'w3','w4':'w4','w5':'w5','w6':'w6','w7':'w7','w8':'w8','w9':'w9', 't1':'t1','t2':'t2','t3':'t3','t4':'t4','t5':'t5','t6':'t6','t7':'t7','t8':'t8','t9':'t9', 'o1':'d1','o2':'d2','o3':'d3','o4':'d4','o5':'d5','o6':'d6','o7':'d7','o8':'d8','o9':'d9', 'z_dong':'dong','z_nan':'nan','z_xi':'xi','z_bei':'bei','z_zhong':'zhong','z_fa':'fa','z_bai':'bai' }; var SUIT_INFO = { w:'涓?, t:'鏉?, o:'绛?, z:'瀛? }; var ZI_TILES = [ {type:'z_dong',name:'涓?},{type:'z_nan',name:'鍗?},{type:'z_xi',name:'瑗?},{type:'z_bei',name:'鍖?}, {type:'z_zhong',name:'涓?},{type:'z_fa',name:'鍙?},{type:'z_bai',name:'鐧?} ]; var SORT_ORDER = {}; ['w1','w2','w3','w4','w5','w6','w7','w8','w9'].forEach(function(t,i){SORT_ORDER[t]=i;}); ['t1','t2','t3','t4','t5','t6','t7','t8','t9'].forEach(function(t,i){SORT_ORDER[t]=100+i;}); ['o1','o2','o3','o4','o5','o6','o7','o8','o9'].forEach(function(t,i){SORT_ORDER[t]=200+i;}); ['z_dong','z_nan','z_xi','z_bei','z_zhong','z_fa','z_bai'].forEach(function(t,i){SORT_ORDER[t]=300+i;}); function isZiType(type){ return type.indexOf('z_')===0; } function tileNum(type){ return isZiType(type)?0:parseInt(type.substring(1),10); } function tileSuit(type){ return isZiType(type)?'z':type.charAt(0); } /* ================================================================ * 姝ラ1锛氱墝 ID 鏄犲皠灞傦紙瀛楃涓茬墝鈫?鍚庣鏁板瓧鐗?ID锛? * 鍚庣鐗?ID 缂栫爜锛氫竾 11-19 / 楗?21-29 / 鏉?31-39 / 瀛?41-47 * 璧? = 105 / 205 / 305锛堟覆鏌撳悓鏅€?锛屽嚭鐗屽洖浼犲師濮婭D锛? * ================================================================ */ var NUM_TO_TYPE = {}; (function(){ function reg(n, t){ NUM_TO_TYPE[n]=t; } ['w1','w2','w3','w4','w5','w6','w7','w8','w9'].forEach(function(t,i){ reg(11+i, t); }); // 11-19 涓? ['o1','o2','o3','o4','o5','o6','o7','o8','o9'].forEach(function(t,i){ reg(21+i, t); }); // 21-29 楗? ['t1','t2','t3','t4','t5','t6','t7','t8','t9'].forEach(function(t,i){ reg(31+i, t); }); // 31-39 鏉? ['z_dong','z_nan','z_xi','z_bei','z_zhong','z_fa','z_bai'].forEach(function(t,i){ reg(41+i, t); }); // 41-47 瀛? reg(105,'w5'); reg(205,'o5'); reg(305,'t5'); // 璧? })(); var TYPE_TO_NUM = {}; (function(){ for(var n in NUM_TO_TYPE) TYPE_TO_NUM[NUM_TO_TYPE[n]]=parseInt(n,10); })(); var _tileSeq = 0; // 灏嗗悗绔暟瀛楃墝 ID 杞负瀹㈡埛绔墝瀵硅薄锛坕d 鍞竴锛宼ype 鐢ㄤ簬娓叉煋/鎺掑簭锛?function tileFromNum(numId){ var type=NUM_TO_TYPE[numId]||'w1'; var isZi=isZiType(type); return { id:'s'+(++_tileSeq), // 瀹㈡埛绔敮涓€ id锛堜粎鐢ㄤ簬鎷惧彇/绉婚櫎锛? numId:numId, // 鍚庣鏁板瓧 ID锛堝嚭鐗屾椂鍥炰紶锛? type:type, suit:isZi?'z':type.charAt(0), num:isZi?0:parseInt(type.substring(1),10), name:(isZi?(ZI_TILES.filter(function(z){return z.type===type;})[0]||{name:''}).name:parseInt(type.substring(1),10)+SUIT_INFO[type.charAt(0)]), isZi:isZi }; } // 浠庢墜鐗屾暟缁勪腑鎸?numId 鎵惧嚭鐗屽璞★紙鐢ㄤ簬鐐瑰嚮鎷惧彇/鍑虹墝锛?function tileByNum(hand, numId){ for(var i=0;i<hand.length;i++) if(hand[i].numId===numId) return hand[i]; return null; } // ---------- 鐗屽簱 ---------- function buildTileDeck(){ var deck=[]; ['w','t','o'].forEach(function(suit){ for(var n=1;n<=9;n++) for(var i=0;i<4;i++) deck.push({id:suit+n+'_'+i, type:suit+n, suit:suit, num:n, name:n+SUIT_INFO[suit], isZi:false}); }); ZI_TILES.forEach(function(zt){ for(var i=0;i<4;i++) deck.push({id:zt.type+'_'+i, type:zt.type, suit:'z', num:0, name:zt.name, isZi:true}); }); return deck; } function shuffleDeck(deck){ for(var i=deck.length-1;i>0;i--){ var j=Math.floor(Math.random()*(i+1)); var t=deck[i];deck[i]=deck[j];deck[j]=t; } return deck; } function sortHand(hand){ hand.sort(function(a,b){ return SORT_ORDER[a.type]-SORT_ORDER[b.type]; }); } function handCounts(hand){ var c={}; hand.forEach(function(t){ c[t.type]=(c[t.type]||0)+1; }); return c; } // ---------- 鍙戠墝锛堥瀛愬畾璧锋墜锛?---------- function dealTilesFromWall(deck, dice1, dice2){ var diceSum=dice1+dice2, minDice=Math.min(dice1,dice2); var startWall=diceSum%4; // 0-3 var skip=minDice*2; var walls=[deck.slice(0,34), deck.slice(34,68), deck.slice(68,102), deck.slice(102,136)]; var wallOffsets=[0,0,0,0]; wallOffsets[startWall]=skip; var players=[[],[],[],[]]; for(var round=0; round<13; round++){ for(var w=0; w<4; w++){ var wallIdx=(startWall+w)%4; var offset=wallOffsets[wallIdx]; if(offset<walls[wallIdx].length){ players[w].push(walls[wallIdx][offset]); wallOffsets[wallIdx]++; } } } var remaining=[]; for(var i=0;i<4;i++) remaining=remaining.concat(walls[i].slice(wallOffsets[i])); return { hands:players, wall:remaining }; } // ---------- 鑳＄墝鍒ゅ畾 ---------- function splitMentsu(suitChar, counts, need, out){ if(need===0){ for(var k in counts) if(counts[k]>0) return false; return true; } var first=null; for(var k in counts){ if(counts[k]>0){ first=k; break; } } if(first===null) return false; var f=parseInt(first.slice(1),10); if(counts[first]>=3){ counts[first]-=3; if(splitMentsu(suitChar, counts, need-1, out)){ out.push({type:first, kind:'鍒?}); return true; } counts[first]+=3; } if(suitChar!=='z' && f<=7 && counts[suitChar+(f+1)]>0 && counts[suitChar+(f+2)]>0){ counts[first]--; counts[suitChar+(f+1)]--; counts[suitChar+(f+2)]--; if(splitMentsu(suitChar, counts, need-1, out)){ out.push({type:first, kind:'椤?}); return true; } counts[first]++; counts[suitChar+(f+1)]++; counts[suitChar+(f+2)]++; } return false; } function checkWin(hand){ var counts=handCounts(hand); var allPairs=true, pairCount=0; for(var k in counts){ if(counts[k]%2!==0){ allPairs=false; break; } pairCount+=counts[k]/2; } if(allPairs && pairCount===7) return {win:true, pattern:'sevenPairs'}; for(var k in counts){ if(counts[k]>=2){ var c={}; for(var kk in counts) c[kk]=counts[kk]; c[k]-=2; var groups=[], okAll=true; var suits=['w','t','o','z']; for(var si=0; si<suits.length; si++){ var s=suits[si], sub={}, cnt=0; for(var kk in c) if(tileSuit(kk)===s){ sub[kk]=c[kk]; cnt+=c[kk]; } if(cnt%3!==0){ okAll=false; break; } if(!splitMentsu(s, sub, cnt/3, groups)){ okAll=false; break; } } if(okAll) return { win:true, pattern:'standard', pairType:k }; } } return { win:false }; } // ---------- 纰?鏉犳娴?---------- function canPeng(hand, type){ var count=0; hand.forEach(function(t){ if(t.type===type) count++; }); return count>=2; } function canMingGang(hand, type){ var count=0; hand.forEach(function(t){ if(t.type===type) count++; }); return count>=3; } function canAnGang(hand){ var counts=handCounts(hand), result=[]; for(var t in counts) if(counts[t]>=4) result.push(t); return result; } // ---------- 鐣瀷璁＄畻 ---------- function calculateFan(hand, melds, winTile, isLastTile, isAfterGang){ var fans=[]; var counts=handCounts(hand); var hasMelds=melds.length>0; var winType=winTile.type; var winResult=checkWin(hand); fans.push({name:'楦¤儭', fan:1}); // 骞宠儭 var isPing=false; if(winResult.pattern==='standard'){ var cKeys=Object.keys(counts); for(var pi2=0; pi2<cKeys.length; pi2++){ if(counts[cKeys[pi2]]>=2){ var noTriplets=true; for(var pj2=0; pj2<cKeys.length; pj2++){ var cnt2=counts[cKeys[pj2]]; if(pj2===pi2) cnt2-=2; if(cnt2>=3){ noTriplets=false; break; } } if(noTriplets){ isPing=true; break; } } } } if(isPing) fans.push({name:'骞宠儭', fan:1}); // 瀵瑰鑳? var isAllPungs=false; if(winResult.pattern==='standard'){ var cKeys2=Object.keys(counts); for(var pi=0; pi<cKeys2.length; pi++){ if(counts[cKeys2[pi]]>=2){ var allTriplets=true; for(var pj=0; pj<cKeys2.length; pj++){ var cnt=counts[cKeys2[pj]]; if(pj===pi) cnt-=2; if(cnt>0 && cnt%3!==0){ allTriplets=false; break; } } if(allTriplets){ isAllPungs=true; break; } } } } if(isAllPungs) fans.push({name:'瀵瑰鑳?, fan:2}); // 娣蜂竴鑹?娓呬竴鑹? var numSuits={}, hasZi=false; for(var t in counts){ if(isZiType(t)) hasZi=true; else numSuits[tileSuit(t)]=true; } melds.forEach(function(m){ if(isZiType(m.tileType)) hasZi=true; else numSuits[tileSuit(m.tileType)]=true; }); var numSuitCount=Object.keys(numSuits).length; if(numSuitCount===1 && hasZi) fans.push({name:'娣蜂竴鑹?, fan:2}); if(numSuitCount===1 && !hasZi) fans.push({name:'娓呬竴鑹?, fan:4}); // 涓冨 if(winResult.pattern==='sevenPairs'){ fans.push({name:'涓冨', fan:4}); var hasFour=false; for(var t2 in counts) if(counts[t2]===4) hasFour=true; if(hasFour) fans.push({name:'璞崕涓冨', fan:8}); } // 瀛椾竴鑹? var allZi=true; for(var t3 in counts){ if(!isZiType(t3)){ allZi=false; break; } } if(allZi) fans.push({name:'瀛椾竴鑹?, fan:8}); // 涓€鏉￠緳 ['w','t','o'].forEach(function(s){ var totalCount={}; for(var t4 in counts) totalCount[t4]=counts[t4]; melds.forEach(function(m){ totalCount[m.tileType]=(totalCount[m.tileType]||0)+3; }); var hasAll=true; for(var n=1; n<=9; n++){ if(!totalCount[s+n] || totalCount[s+n]===0){ hasAll=false; break; } } if(hasAll) fans.push({name:'涓€鏉￠緳', fan:2}); }); // 闂ㄦ竻 if(!hasMelds) fans.push({name:'闂ㄦ竻', fan:1}); // 娴峰簳鎹? if(isLastTile) fans.push({name:'娴峰簳鎹?, fan:1}); // 鍗曞悐 if(winResult.pattern==='standard' && winResult.pairType===winType && counts[winType]===2){ fans.push({name:'鍗曞悐', fan:1}); } // 鏉犱笂寮€鑺? if(isAfterGang) fans.push({name:'鏉犱笂寮€鑺?, fan:1}); var totalFan=0; fans.forEach(function(f){ totalFan+=f.fan; }); return { fans:fans, totalFan:totalFan }; } // ---------- AI ---------- function aiChooseDiscard(hand, melds){ if(!hand || hand.length===0) return null; var counts=handCounts(hand); var scored=hand.map(function(tile){ var score=0, type=tile.type; if(isZiType(type)){ if(counts[type]===1) score-=100; else if(counts[type]===2) score+=20; else score+=50; } else { if(counts[type]>=3) score+=60; else if(counts[type]===2) score+=30; var f=tileNum(type); if(counts[tileSuit(type)+(f+1)]) score+=15; if(counts[tileSuit(type)+(f-1)]) score+=15; if(counts[tileSuit(type)+(f+2)]) score+=8; if(counts[tileSuit(type)+(f-2)]) score+=8; if(f===1||f===9) score-=5; else if(f===2||f===8) score-=2; } return {tile:tile, score:score}; }); scored.sort(function(a,b){ return a.score-b.score; }); return scored[0].tile; } function aiDecidePeng(hand, melds, lastDiscard){ var type=lastDiscard.type; var handCount=handCounts(hand); if(handCount[type]<2) return false; if(isZiType(type)) return true; var num=lastDiscard.num, suit=tileSuit(type); var hasNeighbor=false; if(num>1 && handCount[suit+(num-1)]) hasNeighbor=true; if(num>2 && handCount[suit+(num-2)]) hasNeighbor=true; if(num<9 && handCount[suit+(num+1)]) hasNeighbor=true; if(num<8 && handCount[suit+(num+2)]) hasNeighbor=true; if(hand.length<=10) return true; if(hasNeighbor) return true; return Math.random()<0.5; } function aiDecideGang(hand, melds, gangType, tileType){ if(gangType==='anGang') return true; if(gangType==='mingGang'){ if(hand.length<=10) return true; return Math.random()<0.7; } return false; } // ================================================================ // Three.js 娓叉煋灞?// ================================================================ var pointerDownX=0, pointerDownY=0; var renderer, scene, camera, controls; var uiScene, uiCamera, uiGroup; // 搴曞鎵嬬墝 2D UI 鍙犲姞灞傦紙鏂规A锛?var dice3D1, dice3D2; // Dice3D 缁勪欢瀹炰緥 var material, geomCache={}, tileGroup=null; var discardHintArrow=null; // 鏈€鏂板純鐗屾寚绀虹澶达紙閲戣壊閿ヤ綋锛屾偓娴湪鏈€鍚庡純鐗屼笂鏂癸級 var raycaster, pointer; var hoverHandTileId=null; // 褰撳墠 hover 鐨勬墜鐗?tileId锛堝叏灞€锛宺enderUIHand 閲嶅缓鍚庡彲鎭㈠锛?var _prevHoverId=null; // 涓婁竴娆?hover 鐨?tileId锛堟娴嬪彉鍖栨墠閲嶅缓锛岄伩鍏?pointermove 棰戠箒瑙﹀彂锛?// ---- 鍙戠墝鍔ㄧ敾鐘舵€?---- // dealAnim.active=true 鏃讹紝renderPlayer/renderUIHand 鍙覆鏌?revealed 寮犳墜鐗?// dealAnim.pendingMsgs锛氬姩鐢绘湡闂存敹鍒扮殑鏈嶅姟鍣ㄦ秷鎭槦鍒楋紙鎸夊埌杈鹃『搴忓洖鏀撅級 var dealAnim={active:false, revealed:0, pendingMsgs:[]}; var trayTimer=null; // DiceTrayTimer 缁勪欢瀹炰緥锛堥瀛愮洏+LED鍊掕鏃?鏂逛綅楂樹寒锛?const TW=2.0, TD=1.405, TH=0.865, GAP=0.25; const TILE_SCALE=0.42; // 鍏ㄥ眬鐗岀缉鏀?const SD=TD*TILE_SCALE+GAP*TILE_SCALE; // 缂╂斁鍚庣墝闂磋窛 const SH=TH*TILE_SCALE+GAP*TILE_SCALE; // 缂╂斁鍚庣墝鍘氬害闂磋窛 const H_OFF=7.0; // 鎵嬬墝璺濅腑蹇冿紙鍐呯Щ鍚庨伩寮€鏈ㄦ锛屽娌?.24璺濇湪妗嗗唴杈?.71浣欓噺锛?const W_OFF=4.85; // 鐗屽璺濅腑蹇冿紙鍑规Ы绾垮唴渚э紝璐村浘鍑规Ы鍐呰竟璺濅腑蹇冣増305px/1024*18鈮?.85锛?const HAND_STEP=SD*0.72; // 鎵嬬墝绱у噾闂磋窛 const WALL_TD=TD*TILE_SCALE; // 缂╂斁鍚庣墝瀹?const WALL_TH=TH*TILE_SCALE; // 缂╂斁鍚庣墝鍘?const HAND_Y=TW*TILE_SCALE/2; // 绔嬪紡鎵嬬墝鎶珮閲忥紙搴曢儴璐存闈紝鍗婇珮=0.42锛? // ---- 搴曞鎵嬬墝 2D UI 鍙犲姞灞傦紙鏂规A锛?--- const UI_VIEW_W=26; // 鍙犲姞灞傚彲瑙嗗搴︼紙涓栫晫鍗曚綅锛?const UI_TILE_SCALE_BASE=1.8; // 鎵嬬墝缂╂斁鍩哄噯锛堝弬鑰僓nity canvasHandMjScale=1.3锛岀暐澶т繚鐣欏彲璇绘€э級 var UI_TILE_SCALE=1.8; // 鎵嬬墝缂╂斁锛堝姩鎬侊紝renderAll 鏃剁敱 calcUITileScale 閲嶇畻锛?const UI_GAP=0.02; // 鐗岄棿璺濓紙鍑犱箮鏃犵紳锛?const UI_DRAW_GAP=0.3; // 鎽哥墝锛堜笂鐗岋級鍖哄垎闂撮殭 const UI_MARGIN_PX=2; // 鎵嬬墝搴曢儴璺濆睆骞曞簳杈圭殑鍍忕礌锛堥鐣欙紝浼樺厛璐村悎鐗屽锛?var UI_MELD_SCALE=1.5; // 鍓湶鐗岀缉鏀撅紙绾︿负鎵嬬墝鐨?3%锛岃瑙夋竻鏅板崗璋冿紱鍔ㄦ€佹椂鎸?uiTileScale*0.83 閲嶇畻锛?const UI_TILT=50*Math.PI/180; // 鐗?X 杞村悗浠拌锛?0掳鍚戝悗浠帮級 const UI_CAM_Y=43.3; // UI 鐩告満 Y 杞达紙淇 atan(Y/Z)=60掳锛?const UI_CAM_Z=25; // UI 鐩告満 Z 璺濈 const UI_ANCHOR_Y=0.9; // 鍩哄噯绾?Y 寰皟锛堜笘鐣屽崟浣嶏紝姝?涓婄Щ鎵嬬墝锛岃礋=涓嬬Щ锛?const UI_CAM_X=0; // UI 鐩告満 X 鍋忕Щ锛?=鏃犳枩瑙掞紝姝ｉ潰锛?// 鑷€傚簲缂╂斁鍙傛暟锛?4 寮犳墜鐗屾€诲鍗犲彲瑙嗗姣斾緥銆佺缉鏀?clamp 涓婁笅闄愩€佸壇闇茬浉瀵规瘮渚?const UI_SCALE_W_RATIO=0.95; // 14寮犵墝鎬诲鍗犲彲瑙嗗姣斾緥锛?.95=95%锛?const UI_SCALE_MIN=1.2; // 缂╂斁涓嬮檺锛堥槻绐勭獥鍙ｇ墝杩囧皬锛涚害绛変簬鍘?.8鐨?6%锛?const UI_SCALE_MAX=2.8; // 缂╂斁涓婇檺锛堥槻鐗岃繃澶?搴曢儴婧㈠嚭锛?const UI_MELD_RATIO=0.83; // 鍓湶缂╂斁 = 鎵嬬墝缂╂斁脳 0.83 function initRenderer(){ var canvas=document.getElementById('canvas3d'); renderer=new THREE.WebGLRenderer({canvas:canvas, antialias:true}); renderer.setPixelRatio(Math.min(window.devicePixelRatio,2)); renderer.setSize(window.innerWidth, window.innerHeight); renderer.shadowMap.enabled=true; renderer.shadowMap.type=THREE.PCFSoftShadowMap; renderer.outputColorSpace=THREE.SRGBColorSpace; renderer.toneMapping=THREE.ACESFilmicToneMapping; renderer.toneMappingExposure=1.15; scene=new THREE.Scene(); scene.background=new THREE.Color(0x2a2e3a); camera=new THREE.PerspectiveCamera(33.8, window.innerWidth/window.innerHeight, 0.1, 200); // Unity 16:9 鐩告満鍙傛暟閲嶇畻閫傞厤褰撳墠妗岄潰锛堟瘮渚嬪洜瀛?27.1565锛岀敱鎵嬬墝璺濅腑蹇?8.5/0.313 寰楀嚭锛? // Unity: pos(-0.005, 0.899, 0.726) rot(51.857, -180, 0) FOV 33.8 // === 鍥哄畾瑙嗚锛堢敤鎴锋嫋鎷界‘璁わ級=== camera.position.set(0.13, 13.44, 10.80); camera.lookAt(0,0,0); camera.updateMatrixWorld(); // 绔嬪嵆鏇存柊锛屼緵 worldToScreenMain 棣栨璋冪敤鏃舵姇褰辨纭? // OrbitControls 宸叉敞閲娾€斺€斾笂绾块攣瀹氬浐瀹氳瑙掞紙寮€鍙戣皟璇曟椂鍙彇娑堟敞閲婏級 // controls=new THREE.OrbitControls(camera, canvas); // controls.enableDamping=true; // controls.dampingFactor=0.08; // controls.minDistance=8; // controls.maxDistance=60; // controls.minPolarAngle=0.15; // controls.maxPolarAngle=Math.PI*0.49; // controls.target.set(0,0,0); // controls.update(); // 鍗婄悆鍏夛細澶╃┖鏆栫櫧/鍦伴潰鏆栫伆锛屽熀纭€鐜鐓ф槑 scene.add(new THREE.HemisphereLight(0xfff8ee, 0x5a4a3a, 0.7)); // 鐜鍏夎ˉ搴? scene.add(new THREE.AmbientLight(0xffffff, 0.25)); // 涓诲厜锛氭涓婃柟鍋忓墠鐨勬殩鐧藉皠鐏? var dir=new THREE.DirectionalLight(0xfff6e8, 1.6); dir.position.set(4,16,8); dir.castShadow=true; dir.shadow.mapSize.set(2048,2048); dir.shadow.camera.left=-20; dir.shadow.camera.right=20; dir.shadow.camera.top=20; dir.shadow.camera.bottom=-20; dir.shadow.camera.far=60; scene.add(dir); // 琛ュ厜锛氬乏鍚庢柟鏆栫櫧锛屾秷闄ら槾褰卞尯 var fill=new THREE.DirectionalLight(0xfffaf0, 0.6); fill.position.set(-10,8,-4); scene.add(fill); // 妗岄潰姝ｄ笂鏂圭偣鍏夋簮锛屾ā鎷熷悐鐏? var lamp=new THREE.PointLight(0xfff2dd, 0.8, 30, 1.5); lamp.position.set(0,10,0); scene.add(lamp); // 鏂瑰舰妗岄潰锛堝甫鍘氬害锛岃竟闀?8锛夆€?鐪熷疄 Unity 妗岄潰璐村浘锛坢jz.png base64 鍐呭祵锛? var tableSize=18; var feltTex=makeUnityDeskTexture(tableSize); var tableGeo=new THREE.BoxGeometry(tableSize, 0.12, tableSize); // BoxGeometry鍚勯潰鏉愯川鏁扮粍椤哄簭锛?X,-X,+Y,-Y,+Z,-Z锛岄《闈?+Y)鐢ㄧ粧甯冪汗鐞? // 渚ч潰鐢ㄧ孩妫曟湪鑹诧紙璐村浘鑷甫绾㈡鏈ㄨ竟妗嗭紝鍘绘帀3D澶栨鍚庝晶闈㈢洿鎺ラ湶鍑烘湪鑹叉杈癸級 var sideMat=new THREE.MeshStandardMaterial({color:0x7a3d14, roughness:0.7, metalness:0.0}); var tableMat=new THREE.MeshStandardMaterial({map:feltTex, roughness:0.62, metalness:0.0}); var table=new THREE.Mesh(tableGeo,[sideMat,sideMat,tableMat,sideMat,sideMat,sideMat]); table.position.y=0.04; table.receiveShadow=true; scene.add(table); // 楠板瓙鐩?+ 3D楠板瓙 makeDiceTray(); var ground=new THREE.Mesh(new THREE.PlaneGeometry(60,60), new THREE.ShadowMaterial({opacity:0.3})); ground.rotation.x=-Math.PI/2; ground.position.y=-0.02; ground.receiveShadow=true; scene.add(ground); // 妫曡壊澶栨宸茬Щ闄わ細妗岄潰璐村浘 mjz.png 鑷甫绾㈡鏈ㄨ川杈规锛堝師鐗?Unity 鏁堟灉锛? raycaster=new THREE.Raycaster(); pointer=new THREE.Vector2(); // 鎵嬬墝 hover 楂樹寒鐘舵€侊紙浣跨敤鍏ㄥ眬 hoverHandTileId 璺ㄦ覆鏌撲繚鎸侊級 // 浠讳綍鏃跺€欓紶鏍囨帬杩囨墜鐗岄兘楂樹寒锛屼笉闄愬埗闃舵 canvas.addEventListener('pointermove', function(e){ if(!G || G.gameOver){ if(hoverHandTileId){ hoverHandTileId=null; } canvas.style.cursor='default'; return; } var rect=canvas.getBoundingClientRect(); pointer.x=((e.clientX-rect.left)/rect.width)*2-1; pointer.y=-((e.clientY-rect.top)/rect.height)*2+1; var hitTileId=null; if(uiCamera && uiGroup){ raycaster.setFromCamera(pointer, uiCamera); var uiHits=raycaster.intersectObjects(uiGroup.children, false); for(var i=0;i<uiHits.length;i++){ if(uiHits[i].object.userData.zone==='uiHand' && uiHits[i].object.userData.tileId){ hitTileId=uiHits[i].object.userData.tileId; break; } } } hoverHandTileId=hitTileId; canvas.style.cursor = hitTileId ? 'pointer' : 'default'; // hover 鐘舵€佸彉鍖栨椂绔嬪嵆閲嶅缓鎵嬬墝 UI锛坮enderUIHand 鍐呴儴鏍规嵁 hoverHandTileId 搴旂敤涓婃诞锛? // 鍚﹀垯瑕佺瓑涓嬫 renderAll 鎵嶆洿鏂帮紝鐪嬭捣鏉?娌″弽搴? if(hoverHandTileId !== _prevHoverId){ _prevHoverId = hoverHandTileId; if(typeof renderUIHand === 'function') renderUIHand(); } }); canvas.addEventListener('pointerdown', function(e){ pointerDownX=e.clientX; pointerDownY=e.clientY; onPick(e); }); window.addEventListener('resize', function(){ camera.aspect=window.innerWidth/window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); if(uiCamera){ uiCamera.aspect=window.innerWidth/window.innerHeight; uiCamera.updateProjectionMatrix(); } // 绐楀彛灏哄鍙樺寲鍚庨噸绠楁墜鐗岀缉鏀惧苟閲嶆覆鏌擄紙鑷€傚簲瀹藉害绔嬪嵆鐢熸晥锛? if(typeof renderAll==='function' && typeof G!=='undefined' && G) renderAll(); }); animate(); } // ================================================================ // 妗岄潰绾圭悊锛歎nity 鐪熷疄璐村浘锛坢jz.png 1024x1024锛宐ase64 鍐呭祵锛?// 闈掔豢寰勫悜娓愬彉 + 鍗蜂簯鏆楃汗 + 鍑规Ы绾?+ 绾㈡杈规 // 鏁版嵁婧? desk-texture-data.js (DESK_TEX_B64) // ================================================================ function makeUnityDeskTexture(tableSize){ if(typeof DESK_TEX_B64 === 'undefined'){ console.warn('DESK_TEX_B64 鏈畾涔夛紝鍥為€€鍒扮▼搴忓寲缁掑竷绾圭悊'); return makeFeltTexture(tableSize); } var img = new Image(); img.src = 'data:image/png;base64,' + DESK_TEX_B64; var tex = new THREE.Texture(img); tex.colorSpace = THREE.SRGBColorSpace; tex.wrapS = THREE.ClampToEdgeWrapping; tex.wrapT = THREE.ClampToEdgeWrapping; tex.anisotropy = renderer.capabilities.getMaxAnisotropy(); img.onload = function(){ tex.needsUpdate = true; }; return tex; } // ================================================================ // 妗岄潰缁掑竷绾圭悊锛欳anvas 绋嬪簭鍖栫敓鎴愶紙淇濈暀浣滀负鍥為€€锛?// 搴曡壊澧ㄧ豢 + 缁嗗櫔鐐?+ 缁掑竷绾ょ淮涓?+ 鏆楄鏅曞奖 // ================================================================ function makeFeltTexture(tableSize){ var cv=document.createElement('canvas'); cv.width=1024; cv.height=1024; var ctx=cv.getContext('2d'); // 1. 搴曡壊鈥?浠庝腑蹇冪◢浜笎鍙樺埌鍥涜鍋忔殫 var grad=ctx.createRadialGradient(512,512,50, 512,512,720); grad.addColorStop(0,'#108F82'); grad.addColorStop(0.6,'#0C7D71'); grad.addColorStop(1,'#063E36'); ctx.fillStyle=grad; ctx.fillRect(0,0,1024,1024); // 2. 缁掑竷绾ょ淮涓?鈥?澶ч噺鐭嚎鏉★紝鍙屽悜绾ょ淮锛堟í鍚?绾靛悜锛夛紝鎻愰珮瀵规瘮搴? // 鏆楃氦缁达紙鍑逛笅鎰燂級 for(var i=0;i<50000;i++){ var x=Math.random()*1024, y=Math.random()*1024; var len=3+Math.random()*5; var ang=Math.random()<(0.5?1:0); ctx.strokeStyle='rgba('+(10+Math.random()*20|0)+','+(50+Math.random()*30|0)+','+(40+Math.random()*25|0)+','+(0.25+Math.random()*0.25)+')'; ctx.lineWidth=0.7; ctx.beginPath(); ctx.moveTo(x,y); ctx.lineTo(x+Math.cos(ang)*len, y+Math.sin(ang)*len); ctx.stroke(); } // 浜氦缁达紙鍑歌捣鎰燂級 for(var i=0;i<30000;i++){ var x=Math.random()*1024, y=Math.random()*1024; var len=2+Math.random()*4; var ang=Math.random()*Math.PI; ctx.strokeStyle='rgba('+(40+Math.random()*30|0)+','+(120+Math.random()*50|0)+','+(100+Math.random()*40|0)+','+(0.15+Math.random()*0.2)+')'; ctx.lineWidth=0.5; ctx.beginPath(); ctx.moveTo(x,y); ctx.lineTo(x+Math.cos(ang)*len, y+Math.sin(ang)*len); ctx.stroke(); } // 4. 涓ぎ鑿卞舰缃戞牸绾?鈥?鐩存帴鐢昏繘绾圭悊锛岀‘淇濆彲瑙? // 灏?Canvas 512,512 瀵瑰簲妗岄潰涓績锛宼ableSize=18 鈫?1鍗曚綅 = 1024/18 鈮?57px var px=1024/18; // 姣忓崟浣嶅儚绱犳暟 var cx=512, cy=512; ctx.save(); // 澶栬彵褰細绔埌涓績5.0 ctx.strokeStyle='rgba(218,178,95,0.5)'; // 鏆楅噾鑹? ctx.lineWidth=2; ctx.beginPath(); ctx.moveTo(cx-5.0*px, cy); ctx.lineTo(cx, cy-5.0*px); ctx.lineTo(cx+5.0*px, cy); ctx.lineTo(cx, cy+5.0*px); ctx.closePath(); ctx.stroke(); // 鍐呰彵褰細绔埌涓績3.2锛堢揣璐撮瀛愮洏澶栨部3.0锛? ctx.lineWidth=1.5; ctx.strokeStyle='rgba(218,178,95,0.3)'; ctx.beginPath(); ctx.moveTo(cx-3.2*px, cy); ctx.lineTo(cx, cy-3.2*px); ctx.lineTo(cx+3.2*px, cy); ctx.lineTo(cx, cy+3.2*px); ctx.closePath(); ctx.stroke(); // 鍗佸瓧杈呭姪绾匡紙浠庡唴鑿卞舰绔偣鍒板妗嗭級 ctx.setLineDash([3,6]); ctx.lineWidth=1; ctx.strokeStyle='rgba(218,178,95,0.2)'; // 妯嚎 ctx.beginPath(); ctx.moveTo(cx-9*px, cy); ctx.lineTo(cx-5.0*px, cy); ctx.moveTo(cx+5.0*px, cy); ctx.lineTo(cx+9*px, cy); ctx.stroke(); // 绔栫嚎 ctx.beginPath(); ctx.moveTo(cx, cy-9*px); ctx.lineTo(cx, cy-5.0*px); ctx.moveTo(cx, cy+5.0*px); ctx.lineTo(cx, cy+9*px); ctx.stroke(); ctx.setLineDash([]); ctx.restore(); // 5. 鏆楄鏅曞奖鈥?鍥涜鍔犳繁 var vgrad=ctx.createRadialGradient(512,512,360, 512,512,620); vgrad.addColorStop(0,'rgba(0,0,0,0)'); vgrad.addColorStop(1,'rgba(0,0,0,0.4)'); ctx.fillStyle=vgrad; ctx.fillRect(0,0,1024,1024); var tex=new THREE.CanvasTexture(cv); tex.colorSpace=THREE.SRGBColorSpace; tex.wrapS=THREE.ClampToEdgeWrapping; tex.wrapT=THREE.ClampToEdgeWrapping; tex.anisotropy=renderer.capabilities.getMaxAnisotropy(); tex.needsUpdate=true; return tex; } // 搴熷純锛氳彵褰㈢嚎宸茬洿鎺ョ敾杩涚粧甯冪汗鐞嗭紝涓嶅啀浣跨敤鐙珛 Line // ================================================================ // 楠板瓙鐩橈紙宓屽叆妗岄潰涓ぎ锛? 涓ら 3D 楠板瓙 // 鐩樺唴寰?.5 / 澶栧緞3.0 / 绾㈡湪鑹茬洏娌?/ 娣辫壊鐩樺簳 // ================================================================ function makeDiceTray(){ // --- DiceTrayTimer 缁勪欢锛堢洏娌?鍥涜壊鎵囧舰+鐩樺簳+LED鍊掕鏃?鏂逛綅楂樹寒锛?-- // 缃楃洏锛氬寰勭洿寰?.6(鍗婂緞1.8)锛屽唴寰勭洿寰?.3(鍗婂緞1.65)锛岃壊鐜0.15 trayTimer=new DiceTrayTimer(scene, {innerRadius:1.65, outerRadius:1.8, ledWidth:0.9, ledHeight:0.5, ledFloatY:0.4}); // --- 3D 楠板瓙锛圖ice3D 缁勪欢锛宮esh-only 妯″紡 + 鐖剁粍瀹氫綅锛?-- var DICE_SIZE=0.38; var DICE_Y=0.105+DICE_SIZE/2; // 鐩樺簳楂樺害 + 鍗婁釜楠板瓙楂樺害 // 鐢?Group 浣滀负鐖惰妭鐐癸細roll 鍔ㄧ敾鐨?position.y 鐩稿浜?Group锛堝嵆鐩橀潰楂樺害锛夊脊璺? dice3D1=new Dice3D({standalone:false, scene:null, size:DICE_SIZE, point:3}); var dg1=new THREE.Group(); dg1.position.set(-0.45, DICE_Y, -0.12); dg1.add(dice3D1.getMesh()); scene.add(dg1); dice3D2=new Dice3D({standalone:false, scene:null, size:DICE_SIZE, point:5}); var dg2=new THREE.Group(); dg2.position.set(0.45, DICE_Y, 0.15); dg2.add(dice3D2.getMesh()); scene.add(dg2); // 楠板瓙涓婃柟鐨勯泦涓厜婧愶紝绐佸嚭绔嬩綋鎰? var diceSpot=new THREE.SpotLight(0xfff8e8, 0.8, 8, Math.PI/5, 0.4, 1.5); diceSpot.position.set(0, 5, 0); diceSpot.target.position.set(0, 0, 0); scene.add(diceSpot); scene.add(diceSpot.target); } function loadTexture(dataUrl){ return new Promise(function(resolve,reject){ var img=new Image(); img.onload=function(){ var c=document.createElement('canvas'); c.width=img.width; c.height=img.height; c.getContext('2d').drawImage(img,0,0); var tex=new THREE.CanvasTexture(c); tex.needsUpdate=true; resolve(tex); }; img.onerror=reject; img.src=dataUrl; }); } async function initMaterial(){ var diff=await loadTexture(MJ3D_DATA.textures.diffuse); diff.colorSpace=THREE.SRGBColorSpace; diff.flipY=true; diff.minFilter=THREE.LinearMipmapLinearFilter; diff.magFilter=THREE.LinearFilter; diff.anisotropy=renderer.capabilities.getMaxAnisotropy(); var norm=await loadTexture(MJ3D_DATA.textures.normal); norm.colorSpace=THREE.NoColorSpace; norm.flipY=true; norm.minFilter=THREE.LinearMipmapLinearFilter; norm.magFilter=THREE.LinearFilter; material=new THREE.MeshPhongMaterial({ map:diff, normalMap:norm, normalScale:new THREE.Vector2(1.2,-1.2), shininess:40, specular:new THREE.Color(0x555555), color:new THREE.Color(0xcccccc) }); } function getGeometry(type){ var key=TYPE2TILE[type]; if(!key) key='w1'; if(!geomCache[key]){ var d=MJ3D_DATA, geo=new THREE.BufferGeometry(); geo.setAttribute('position', new THREE.Float32BufferAttribute(d.vertices,3)); geo.setAttribute('normal', new THREE.Float32BufferAttribute(d.normals,3)); geo.setAttribute('uv', new THREE.Float32BufferAttribute(d.tiles[key],2)); geo.setIndex(d.indices); geomCache[key]=geo; } return geomCache[key]; } // faceUp=true 鐗岄潰鏈濅笂锛況otZ 闄勫姞缁?Z 鏃嬭浆 function makeTile(type, faceUp, rotZ){ var mesh=new THREE.Mesh(getGeometry(type), material); mesh.scale.setScalar(TILE_SCALE); mesh.rotation.x = faceUp ? -Math.PI/2 : Math.PI/2; if(rotZ) mesh.rotation.z = rotZ; mesh.castShadow=true; mesh.receiveShadow=true; return mesh; } // 绔嬪紡鐗岋紙姝ｉ潰鏈?Z锛屽簳閮ㄨ创妗岄潰锛?// tilt: 鍚戝悗浠拌锛堝姬搴︼級锛屾鍊?鐗岄潰椤堕儴杩滅鐜╁ function makeTileStand(type, tilt){ var mesh=new THREE.Mesh(getGeometry(type), material); mesh.scale.setScalar(TILE_SCALE); // 涓嶇炕杞?rotation.x锛岀墝闈㈤粯璁ゆ湞+Z if(tilt){ mesh.rotation.x = -tilt; // 鍚戝悗浠帮細椤堕儴寰€-Z鏂瑰悜鍊? } mesh.castShadow=true; mesh.receiveShadow=true; return mesh; } function clearTiles(){ if(tileGroup){ scene.remove(tileGroup); } tileGroup=new THREE.Group(); scene.add(tileGroup); } // ================================================================ // 搴曞鎵嬬墝 2D UI 鍙犲姞灞傦紙鏂规A锛氬弻鍦烘櫙 + 閫忚鐩告満鍙犲姞锛?// 閫忚鐩告満浠庢枩涓婃柟鐪嬬墝闈?鈫?鐗岀殑鍘氬害闈?椤堕潰鍦ㄩ€忚涓嬪彲瑙?鈫?3D 绔嬩綋鎰?// 鐗屽鐢ㄤ富鍦烘櫙 Phong 鏉愯川锛堟硶绾胯创鍥炬诞闆?楂樺厜锛? X杞村悗浠拌澧炲己绔嬩綋鎰?// ================================================================ function initUILayer(){ uiScene=new THREE.Scene(); var aspect=window.innerWidth/window.innerHeight; // 閫忚鐩告満锛氭闈?Y 淇锛堥《闈㈠彲瑙侊級鈫?3D 绔嬩綋鎰? uiCamera=new THREE.PerspectiveCamera(30, aspect, 0.1, 200); uiCamera.position.set(UI_CAM_X, UI_CAM_Y, UI_CAM_Z); uiCamera.lookAt(0, 0, 0); uiCamera.updateMatrixWorld(); // 绔嬪嵆鏇存柊 matrixWorldInverse锛岄槻姝㈤娆?renderUIHand 鎶曞奖鍒伴敊璇綅缃? uiGroup=new THREE.Group(); uiScene.add(uiGroup); // 鍏変粠鍙充晶鍋忎笂鏂圭収灏勶紝鐓т寒鍚庝话鐗岄潰+椤惰竟鍘氬害锛屼晶闈骇鐢熸槑鏆楀姣? uiScene.add(new THREE.AmbientLight(0xffffff, 0.35)); var uiDir=new THREE.DirectionalLight(0xfff6e8, 2.2); uiDir.position.set(0.8, 0.7, 1); uiScene.add(uiDir); var uiFill=new THREE.DirectionalLight(0xccddff, 0.5); uiFill.position.set(-0.6, 0.2, 0.8); uiScene.add(uiFill); } // 鐢熸垚 UI 灞傜墝锛堢粫X杞村悗浠?鈫?闇插嚭椤堕潰+渚ц竟鈫?3D 绔嬩綋鎰燂級 // faceUp=true 浜墝锛沠alse 鐗岃儗鏈濈浉鏈?function makeUITile(type, faceUp, scale){ var mesh=new THREE.Mesh(getGeometry(type), material); mesh.scale.setScalar(scale); // 绛夋瘮缂╂斁锛孴H=0.865 宸叉槸瓒冲鍘氬害 mesh.rotation.x = faceUp ? -UI_TILT : Math.PI - UI_TILT; mesh.castShadow=false; mesh.receiveShadow=false; return mesh; } // 璁＄畻閫忚鐩告満鍦?z=0 骞抽潰鐨勫彲瑙嗚寖鍥达紙鑰冭檻 X+Y 鍋忕Щ锛歭ookAt(0,0,0) 鏃跺疄闄呰窛绂?鈭?X虏+Y虏+Z虏)锛?function getUIViewBounds(){ var vFOV=uiCamera.fov*Math.PI/180; var dist=Math.sqrt(UI_CAM_X*UI_CAM_X + UI_CAM_Y*UI_CAM_Y + UI_CAM_Z*UI_CAM_Z); var viewH=2*Math.tan(vFOV/2)*dist; var viewW=viewH*uiCamera.aspect; return { w:viewW, h:viewH, halfW:viewW/2, halfH:viewH/2 }; } // 鍔ㄦ€佽绠楀簳瀹舵墜鐗?鍓湶缂╂斁锛氳 14 寮犳墜鐗屾€诲鑷€傚簲鍙瀹界殑 UI_SCALE_W_RATIO // 绾︽潫1锛堝搴︼級锛?4*TD*S + 13*UI_GAP 鈮?viewW*UI_SCALE_W_RATIO 鈫?S 鈮?(viewW*R - 13*UI_GAP)/(14*TD) // 绾︽潫2锛堥珮搴︼級锛氱墝鎶曞奖楂?+ 搴曢儴浣欓噺鈮?鍙楂?0.32锛堥槻姝㈢墝搴曟孩鍑?鍘嬩綇鎿嶄綔鏍忥級鈫?S 鈮?viewH*0.32/projH_per_unit // 鏈€缁?clamp 鍒?[UI_SCALE_MIN, UI_SCALE_MAX] // 鍏ㄥ眬鍙橀噺锛歎I_TILE_SCALE锛堟墜鐗岋級銆乁I_MELD_SCALE锛堝壇闇?鎵嬬墝脳UI_MELD_RATIO锛?function calcUITileScale(){ var bounds=getUIViewBounds(); var viewW=bounds.w, viewH=bounds.h; // 瀹藉害绾︽潫 var sByW=(viewW*UI_SCALE_W_RATIO - 13*UI_GAP)/(14*TD); // 楂樺害绾︽潫锛氬崟鍗曚綅鎶曞奖楂橈紙鍚庝话50掳鏃?楂樏梥in50 + 鍘毭梒os50锛? var projHPerUnit=TW*Math.abs(Math.sin(UI_TILT)) + TH*Math.abs(Math.cos(UI_TILT)); var sByH=(viewH*0.45)/projHPerUnit; var s=Math.min(sByW, sByH); // clamp if(s<UI_SCALE_MIN) s=UI_SCALE_MIN; if(s>UI_SCALE_MAX) s=UI_SCALE_MAX; UI_TILE_SCALE=s; UI_MELD_SCALE=s*UI_MELD_RATIO; return s; } function renderUIHand(){ if(!uiGroup) return; uiGroup.clear(); if(!G) { hoverHandTileId=null; return; } var p=G.players[0]; if(!p) { hoverHandTileId=null; return; } calcUITileScale(); // 鍔ㄦ€佽绠楁墜鐗?鍓湶缂╂斁锛堣嚜閫傚簲绐楀彛瀹藉害锛? var bounds=getUIViewBounds(); // --- 鍚庝话瑙掍笅鐗屽湪 Y 鏂瑰悜鐨勬姇褰遍珮搴?--- var tileH=TW*UI_TILE_SCALE; // 鐗岄珮锛堝惈缂╂斁锛? var tileTh=TH*UI_TILE_SCALE; // 鐗屽帤锛堝惈缂╂斁锛? var projH=tileH*Math.abs(Math.sin(UI_TILT)) + tileTh*Math.abs(Math.cos(UI_TILT)); if(UI_TILT===0) projH=tileH; // 鐩寸珛鏃跺彧鏈夌墝闈㈤珮搴? var projHalfH=projH/2; // --- 鍥哄畾鍩哄噯绾匡細鐢ㄧ墝澧欓《闈笘鐣屽潗鏍囨姇褰卞埌涓荤浉鏈猴紝涓嶄緷璧栫墝澧?mesh --- // 鐗屽搴曡竟 Z = W_OFF锛?.85锛夛紝鐗屽鍙屽眰鍙犳斁椤堕潰 Y = SH + WALL_TH 鈮?0.83 // 鐢?x=0 涓績鐐规姇褰憋紙涓嶄緷璧栫墝澧?x 鑼冨洿锛岀墝澧欐懜绌哄悗浣嶇疆浠嶅浐瀹氾級 // UI_ANCHOR_Y 鍙井璋冩璐熷亸绉? var anchorY = SH + WALL_TH + UI_ANCHOR_Y; var anchorZ = W_OFF; var anchorPt = new THREE.Vector3(0, anchorY, anchorZ); anchorPt.project(camera); var targetTopPy = (-anchorPt.y * 0.5 + 0.5) * window.innerHeight; // 浜屽垎鎼滅储 UI 涓栫晫 Y 浣挎墜鐗屾渶楂樼偣鎶曞奖鍒?targetTopPy // 鎼滅储鑼冨洿涓嶉檺浜庣浉鏈哄彲瑙嗗崐楂橈紙鐩爣浣嶇疆鍙兘鍦ㄥ彲瑙嗚寖鍥村锛? // 鐢ㄤ复鏃?mesh 鐨勫寘鍥寸洅瑙掔偣绮剧‘纭畾鎵嬬墝椤堕儴锛屾秷闄ら€忚涓?X 鍋忕Щ瀵艰嚧鐨?Y 鍋忓樊 var searchRange=bounds.halfH * 3; var lo=-searchRange, hi=searchRange; var probeMesh=makeUITile('w1', true, UI_TILE_SCALE); for(var it=0; it<40; it++){ var mid=(lo+hi)/2; probeMesh.position.set(0, mid + projHalfH, 0); probeMesh.updateMatrixWorld(); var pb=new THREE.Box3().setFromObject(probeMesh); var topPy=Infinity; for(var ci=0; ci<8; ci++){ var cx=ci&1?pb.max.x:pb.min.x; var cy=ci&2?pb.max.y:pb.min.y; var cz=ci&4?pb.max.z:pb.min.z; var pv=new THREE.Vector3(cx, cy, cz); pv.project(uiCamera); var py=(-pv.y*0.5+0.5)*window.innerHeight; if(py<topPy) topPy=py; } if(topPy > targetTopPy) lo=mid; else hi=mid; } var handBottomY=(lo+hi)/2; // --- 鑷€傚簲搴曡竟閽冲埗锛氭墜鐗屽簳閮ㄦ姇褰辫秴鍑虹獥鍙ｄ笅杈圭紭鏃惰嚜鍔ㄤ笂绉?--- var bootomMargin=6; // 搴曢儴瀹夊叏杈硅窛锛堝儚绱狅級 var maxBottomPy=window.innerHeight - bootomMargin; // 鐢?probeMesh 娴嬪綋鍓?handBottomY 鎶曞奖鍒板簳杈圭殑鍍忕礌浣嶇疆 probeMesh.position.set(0, handBottomY, 0); probeMesh.updateMatrixWorld(); var bb=new THREE.Box3().setFromObject(probeMesh); var btmPy=Infinity; for(var bi=0; bi<8; bi++){ var bx=bi&1?bb.max.x:bb.min.x; var by=bi&2?bb.max.y:bb.min.y; var bz=bi&4?bb.max.z:bb.min.z; var bpt=new THREE.Vector3(bx, by, bz); bpt.project(uiCamera); var bpy=(-bpt.y*0.5+0.5)*window.innerHeight; if(bpy<btmPy) btmPy=bpy; } // btmPy 瓒婂ぇ瓒婃帴杩戠獥鍙ｅ簳閮紙鎶曞奖 y=1 = 搴曡竟锛? if(btmPy > maxBottomPy){ // 闇€瑕佷笂绉荤殑涓栫晫璺濈锛氱敤 uiCamera 鎶曞奖璁＄畻姣忓儚绱犲搴斿灏戜笘鐣屽崟浣? var halfH=bounds.halfH; var pxPerWorld=window.innerHeight/2 / halfH; var overflowPx=btmPy - maxBottomPy; handBottomY += overflowPx / pxPerWorld; // 涓婄Щ } // --- 搴曢儴鍗婇€忔槑鑳屾櫙鏉?--- var bgH=projH + 1.2; // 涓婁笅鍚勭暀0.6杈硅窛 var handW=0; var hand=p.hand||[]; // 鍙戠墝鍔ㄧ敾鏈熼棿锛氭埅鍙?revealed 瀵瑰簲鏁伴噺鐨勬墜鐗岋紙搴曞=瑙嗚搴т綅0锛? var animHand=hand; if(dealAnim.active){ var showN0; if(dealAnim.revealed<=48){ var k0=dealAnim.revealed-1; // 0-based showN0=Math.floor(k0/4) + (0<=k0%4 ? 1 : 0); // 搴曞 idx=0 } else { showN0 = (G.dealerIdx===0) ? 13 : 12; } showN0=Math.min(showN0, hand.length); if(showN0<0) showN0=0; animHand=hand.slice(0, showN0); } if(animHand.length){ var hs=TD*UI_TILE_SCALE+UI_GAP; handW=(animHand.length-1)*hs + TD*UI_TILE_SCALE; } var meldW=getMeldTotalWidth(p); var bgW=Math.max(handW+meldW+0.6, 6); var bgMat=new THREE.MeshBasicMaterial({color:0x0a0a0a, transparent:true, opacity:0.55, side:THREE.DoubleSide, depthWrite:false}); var bgGeo=new THREE.PlaneGeometry(bgW, bgH); var bg=new THREE.Mesh(bgGeo, bgMat); var bgCenterY=handBottomY + projH/2; bg.position.set(0, bgCenterY, -0.5); bg.lookAt(uiCamera.position); uiGroup.add(bg); // --- 鎵嬬墝琛岋細妯帓浜墝 --- var handHalfW=0; var handY=handBottomY + projHalfH; if(animHand.length){ var drawnTile = dealAnim.active ? null : (p.justDrawn || null); var display = animHand.slice(); if(drawnTile){ for(var di=0; di<display.length; di++){ if(display[di].id === drawnTile.id){ display.splice(di,1); break; } } sortHand(display); display.push(drawnTile); } else { sortHand(display); } var count=display.length; var baseStep=TD*UI_TILE_SCALE + UI_GAP; var drawStep=TD*UI_TILE_SCALE + UI_DRAW_GAP; var positions=[]; var xPos=0; for(var i=0;i<count;i++){ positions[i]=xPos; if(drawnTile && i===count-2) xPos+=drawStep; else if(i<count-1) xPos+=baseStep; } handHalfW=(count>0 ? positions[count-1] : 0)/2; // --- 鍓湶涓庢墜鐗屽悓涓€鎺掞細鍓湶鍦ㄥ乏銆佹墜鐗屽湪鍙筹紝鏁翠綋灞呬腑 --- // 鎬诲 = 鍓湶瀹?+ 闂磋窛 + 鎵嬬墝瀹斤紝鏁翠綋灞呬腑 var meldGap=0.4; // 鍓湶涓庢墜鐗屼箣闂寸殑闂磋窛 var totalW=handW+meldW+meldGap; var handStartX=-totalW/2+meldW+meldGap; // 鎵嬬墝宸︾ x for(var i=0;i<count;i++){ var tile=display[i]; var mesh=makeUITile(tile.type, true, UI_TILE_SCALE); mesh.position.set(handStartX+positions[i], handY, 0); mesh.userData={zone:'uiHand', tileId:tile.id, type:tile.type}; uiGroup.add(mesh); } } // --- 搴旂敤 hover 楂樹寒锛氭牴鎹?hoverHandTileId 鎵惧埌瀵瑰簲 mesh 涓婃诞 --- if(hoverHandTileId){ for(var hi=0; hi<uiGroup.children.length; hi++){ var hc=uiGroup.children[hi]; if(hc.userData && hc.userData.zone==='uiHand' && hc.userData.tileId===hoverHandTileId){ hc.position.y += 0.8*(UI_TILE_SCALE/UI_TILE_SCALE_BASE); // 涓婃诞楂樹寒锛堥殢缂╂斁姣斾緥锛岀害30px@scale1.8锛? break; } } } // --- 鍓湶琛岋細搴曞鍓湶缁勪篃鍦?UI 灞傦紙鍓湶鍦ㄥ乏銆佹墜鐗屽湪鍙筹紝鍚屼竴鎺掞級--- var meldStartX=-(handW+meldW+0.4)/2; // 鍓湶宸︾ x锛堜笌鎵嬬墝闂磋窛0.4锛? renderUIMelds(p, meldStartX, handY); } // 璁＄畻搴曞鍓湶缁勬€诲搴︼紙涓栫晫鍗曚綅锛夛紝鐢ㄤ簬鎵嬬墝鍙崇Щ鑵句綅 function getMeldTotalWidth(p){ if(!p.melds||!p.melds.length) return 0; var mScale=UI_MELD_SCALE; var mTD=TD*mScale; var mGap=0.04; var step=mTD+mGap; var w=0; p.melds.forEach(function(m, mi){ if(mi>0) w+=step*0.5; w+=3*step; if(m.tiles.length>=4) w+=step; // 绗?寮犲彔鏀惧崰浣? }); return w; } // 搴曞鍓湶缁勬覆鏌撳湪 UI 灞傦細涓庢墜鐗屽悓涓€鎺掞紙鍓湶鍦ㄥ乏銆佹墜鐗屽湪鍙筹級 // x0=鏁磋宸︾璧风偣锛寉=鎵嬬墝涓績 Y锛堝壇闇蹭笌鎵嬬墝鍏辩嚎锛?function renderUIMelds(p, x0, y){ if(!p.melds||!p.melds.length) return; var mScale=UI_MELD_SCALE; var mTD=TD*mScale, mTH=TH*mScale; var mGap=0.04; var step=mTD+mGap; p.melds.forEach(function(m, mi){ if(mi>0) x0 += step*0.5; var tiles=m.tiles; var mt=m.type; var srcTi=-1; if((mt==='peng'||mt==='mingGang') && m.fromPlayer!=null){ srcTi=(m.fromPlayer - 0 - 1 + 4) % 4; } var x=x0; for(var ti=0; ti<3; ti++){ var tile=tiles[ti]; if(!tile) continue; // 闃插尽锛歵iles 鍚棤鏁堝厓绱犳椂璺宠繃锛岄伩鍏嶆覆鏌撳穿婧? var faceUp; if(mt==='anGang') faceUp=false; else if(ti===srcTi) faceUp=false; else faceUp=true; var t=makeUITile(tile.type, faceUp, mScale); t.position.set(x, y, 0); t.userData={zone:'uiMeld'}; uiGroup.add(t); x+=step; } if(tiles.length>=4){ var t4=makeUITile(tiles[3].type, true, mScale); t4.position.set(x0+step, y, TH*mScale + 0.08); t4.userData={zone:'uiMeld'}; uiGroup.add(t4); } x0 += 3*step; }); } // ---------- 娓叉煋鏁存 ---------- function renderAll(){ clearTiles(); renderWall(); for(var i=0;i<4;i++) renderPlayer(i); renderDiscs(); renderDirMarks(); renderCurrentHighlight(); renderUIHand(); updateHUD(); } // ---------- 鐗屽锛堝洓杈瑰弻澧╋紝棣栧熬鍚堝洿鎴愪竴鍦堬級 ---------- // 136寮犵墝鍒嗘垚鍥涜竟锛屾瘡杈?4寮?17澧╋紝鍙屽ⅸ鍙犳斁 // 鍥涜竟浠庡悇鑷殑璧风偣寮€濮嬫帓锛岀浉閭昏竟鍦ㄨ钀藉琛旀帴 function renderWall(){ var total=G.wall.length; var perSide=Math.floor(total/4); // 姣忚竟鐗屾暟锛堢悊鎯?4锛? var rem=total%4; // 浣欐暟 // 鍥涜竟鍚勮嚜鐗屾暟锛屼綑鏁颁緷娆″垎缁欏墠鍑犺竟 var sides=[perSide+(rem>0?1:0), perSide+(rem>1?1:0), perSide+(rem>2?1:0), perSide]; var stepX=SD, stepY=SH; // 姣忚竟浠庤钀藉紑濮嬫帓锛屼笉灞呬腑锛屼繚璇佺浉閭昏竟琛旀帴 // 搴曡竟(z+)锛氫粠宸﹀埌鍙筹紝璧风偣x=-(W_OFF-stepX/2) // 鍙宠竟(x+)锛氫粠涓嬪埌涓婏紝璧风偣z=-(W_OFF-stepX/2)... 浠ユ绫绘帹 for(var si=0; si<4; si++){ var count=sides[si]; var deng=Math.floor(count/2); // 澧╂暟 for(var i=0;i<deng;i++){ for(var r=0;r<2;r++){ var t=makeTile('w1', false, 0); t.rotation.x=Math.PI/2; var pos, rotZ; if(si===0){ // 搴曡竟(z+)锛氫粠宸﹀埌鍙? pos=[(i-(deng-1)/2)*stepX, r*stepY+WALL_TH/2, W_OFF]; rotZ=0; } else if(si===1){ // 宸﹁竟(x-)锛氫粠涓嬪埌涓? pos=[-W_OFF, r*stepY+WALL_TH/2, (i-(deng-1)/2)*stepX]; rotZ=Math.PI/2; } else if(si===2){ // 椤惰竟(z-)锛氫粠鍙冲埌宸? pos=[(i-(deng-1)/2)*stepX, r*stepY+WALL_TH/2, -W_OFF]; rotZ=Math.PI; } else { // 鍙宠竟(x+)锛氫粠涓婂埌涓? pos=[W_OFF, r*stepY+WALL_TH/2, (i-(deng-1)/2)*stepX]; rotZ=-Math.PI/2; } t.position.set(pos[0], pos[1], pos[2]); if(rotZ) t.rotation.z=rotZ; t.userData={zone:'wall'}; tileGroup.add(t); } } // 浣欎笅鐨勫崟寮犵墝锛堝鏁帮級 if(count%2===1){ var t2=makeTile('w1', false, 0); t2.rotation.x=Math.PI/2; var i2=deng; var pos2, rotZ2; if(si===0){ pos2=[(i2-(deng-1)/2)*stepX, WALL_TH/2, W_OFF]; rotZ2=0; } else if(si===1){ pos2=[-W_OFF, WALL_TH/2, (i2-(deng-1)/2)*stepX]; rotZ2=Math.PI/2; } else if(si===2){ pos2=[(i2-(deng-1)/2)*stepX, WALL_TH/2, -W_OFF]; rotZ2=Math.PI; } else { pos2=[W_OFF, WALL_TH/2, (i2-(deng-1)/2)*stepX]; rotZ2=-Math.PI/2; } t2.position.set(pos2[0], pos2[1], pos2[2]); if(rotZ2) t2.rotation.z=rotZ2; t2.userData={zone:'wall'}; tileGroup.add(t2); } } } // ---------- 娓叉煋鐜╁鎵嬬墝 ---------- // 浜虹被鐜╁锛氬钩韬虹墝闈㈡湞涓婏紱AI 涓夊锛氱珛寮忕墝鑳屾湞涓績锛堢墝闈㈡湞澶栵級 function renderPlayer(idx){ var p=G.players[idx]; sortHand(p.hand); var n=p.hand.length; // 浠栧鎵嬬墝鑻ユ湭鐭ワ紙鏈嶅姟鍣ㄦ湭涓嬪彂 hand_tiles锛夛紝鐢?handCount 娓叉煋鐗岃儗 // 瑙嗚搴т綅 0 鎭掍负鎴戯紙搴曞浜墝锛夛紝1/2/3 鍧囦负浠栧 if(idx!==0 && n===0 && (p.handCount||0)>0){ n=p.handCount; } // 鍙戠墝鍔ㄧ敾鏈熼棿锛氭寜鍙戠墝杞閫愭鏄剧ず鎵嬬墝 // dealAnim.revealed = 宸插彂鍑虹殑鐗屾暟锛?~49锛? // 1~48 涓?2杞?瀹舵甯稿彂鐗岋紝49 涓哄簞瀹跺鎽?寮? if(dealAnim.active && n>0){ if(dealAnim.revealed<=48){ var k=dealAnim.revealed-1; // 0-based var myR=Math.floor(k/4); var extra=k%4; n=myR + (idx<=extra ? 1 : 0); } else { // 搴勫澶氭懜1寮? n = (idx===G.dealerIdx) ? 13 : 12; } if(n<0) n=0; } // 搴曞(鐜╁0)鎵嬬墝锛氭敼涓?2D UI 鍙犲姞灞傛í鎺掍寒鐗岋紙鏂规A锛夛紝姝ゅ涓嶆覆鏌?3D 绔嬬墝 // 搴曞鍓湶缁勪篃闅忎箣绉诲埌 UI 灞傦紝姝ゅ涓嶆覆鏌?3D 鍓湶 if(idx!==0){ var reveal=(G && G.revealMode); if(reveal){ // 鎽婄墝妯″紡锛氭妸绔嬬墝"鎺ㄥ€?骞宠汉锛岀墝闈㈡湞涓婇摵鍦ㄦ墜鐗屽尯鍩燂紙浠垮壇闇插钩韬烘牱寮忥級 var rTD=TD*TILE_SCALE, rTH=TH*TILE_SCALE; var rStep=rTD+GAP*TILE_SCALE; var rStart=(n-1)*rStep/2; for(var i=0;i<n;i++){ var tile=p.hand[i]; var t=makeTile(tile?tile.type:null, !!tile); t.scale.setScalar(TILE_SCALE); t.rotation.x=-Math.PI/2; // 鐗岄潰鏈濅笂骞宠汉 var off = rStart - i*rStep; // 浠庝腑闂村悜涓や晶閾哄紑 if(idx===2){ // 瀵瑰锛氭部 x 骞抽摵锛屽浘妗堟湞瀵瑰 t.position.set(off, rTH/2, -H_OFF); t.rotation.z=Math.PI; } else if(idx===1){ // 宸﹀锛氭部 z 骞抽摵锛屽浘妗堟湞宸﹀ t.position.set(-H_OFF, rTH/2, -off); t.rotation.z=Math.PI/2; } else { // 鍙冲锛氭部 z 鍙嶅悜骞抽摵锛屽浘妗堟湞鍙冲 t.position.set(H_OFF, rTH/2, off); t.rotation.z=-Math.PI/2; } t.userData={zone:'hand', player:idx, tileId:tile?tile.id:null, type:tile?tile.type:null}; tileGroup.add(t); } } else { var step=HAND_STEP; var start=(n-1)/2; for(var i=0;i<n;i++){ var tile=p.hand[i]; var mesh; if(idx===2){ // 瀵瑰锛氱珛鐗岋紝鐗岃儗鏈濅腑蹇?+Z)锛岀墝闈㈡湞澶栦晶(-Z) mesh=makeTileStand(tile?tile.type:null); mesh.position.set((i-start)*step, HAND_Y, -H_OFF); mesh.rotation.y=Math.PI; } else if(idx===1){ // 宸﹀锛氱珛鐗岋紝鐗岃儗鏈濅腑蹇?+X)锛岀墝闈㈡湞澶栦晶(-X) mesh=makeTileStand(tile?tile.type:null); mesh.position.set(-H_OFF, HAND_Y, (i-start)*step); mesh.rotation.y=-Math.PI/2; } else { // 鍙冲锛氱珛鐗岋紝鐗岃儗鏈濅腑蹇?-X)锛岀墝闈㈡湞澶栦晶(+X) mesh=makeTileStand(tile?tile.type:null); mesh.position.set(H_OFF, HAND_Y, -(i-start)*step); mesh.rotation.y=Math.PI/2; } mesh.userData={zone:'hand', player:idx, tileId:tile?tile.id:null, type:tile?tile.type:null}; tileGroup.add(mesh); } } } if(idx!==0) renderMelds(idx, p); // 搴勫鏍囪瘑 if(G && G.dealerIdx===idx){ var dz=makeTextSprite('搴?, '#ffd700', 0.7); var dx, dzz; if(idx===0){ dx=0; dzz=H_OFF+0.8; } else if(idx===2){ dx=0; dzz=-(H_OFF+0.8); } else if(idx===1){ dx=-(H_OFF+0.8); dzz=0; } else { dx=H_OFF+0.8; dzz=0; } dz.position.set(dx, 0.8, dzz); dz.userData={zone:'dealer'}; tileGroup.add(dz); } } function renderMelds(idx, p){ if(!p.melds||!p.melds.length) return; var mScale=0.28; // 鍓湶鐗岀缉鏀撅紙绾︿负鎵嬬墝鐨?/3锛岄伩鍏嶈秴鍑烘闈級 var mTD=TD*mScale, mTH=TH*mScale; // 鍓湶鐗屽/鍘? var mGap=GAP*mScale*0.5*0.3; // 鍓湶闂磋窛缂╁皬70%锛氬師0.035鈫?.011 var step=mTD+mGap; // 鍓湶鐗岄棿璺?0.404 var stackY=mTH/2 + mTH; // 鍙犳斁鐗岀殑Y楂樺害 // 搴曞(0)鍜屽瀹?2)浠庡乏杈瑰紑濮嬶紙璐熸柟鍚戯級锛屽乏瀹?1)鍜屽彸瀹?3)浠庝腑闂村紑濮? var baseOff = (idx===0||idx===2) ? -3.5 : 3.5; var dir = (idx===0||idx===2) ? 1 : -1; // 搴曞瀵瑰鍚戝彸閫掑锛屽乏鍙冲鍚戝乏閫掑 var curOff=baseOff; p.melds.forEach(function(m, mi){ if(mi>0) curOff+=dir*step*0.54; // 缁勯棿闂撮殧缂╁皬70%锛氬師1.8鈫?.54 var tiles=m.tiles; var count=tiles.length; var mt=m.type; // 搴曞眰鐗岋細纰?寮?/ 鏉?寮狅紝骞宠汉涓€鎺? // 纰?鏄庢潬鐢ㄧ墝鑳屾湞涓婃爣璇嗘潵婧愭柟鍚戯細宸?ti=0)/涓?ti=1)/鍙?ti=2)瀵瑰簲閫嗘椂閽堜笁瀹? // 鏆楁潬搴曞眰鍏ㄧ墝鑳岋紝鏃犻渶鏍囪瘑 var srcTi = -1; if((mt==='peng'||mt==='mingGang') && m.fromPlayer!=null){ srcTi = (m.fromPlayer - idx - 1 + 4) % 4; } for(var ti=0; ti<3; ti++){ var tile=tiles[ti]; var faceUp; if(mt==='anGang'){ faceUp = false; } else if(ti===srcTi){ faceUp = false; // 鏉ユ簮鏂瑰悜閭ｅ紶鐗岃儗鏈濅笂 } else { faceUp = true; } var t=makeTile(tile.type, faceUp); t.scale.setScalar(mScale); // 瑕嗙洊鍏ㄥ眬缂╂斁涓哄壇闇蹭笓鐢? t.rotation.x = faceUp ? -Math.PI/2 : Math.PI/2; var stackOff=curOff+dir*ti*step; setMeldPos(t, idx, stackOff, mTH/2); t.userData={zone:'meld', player:idx}; tileGroup.add(t); } // 鏉犵殑绗?寮狅細鍙犲湪鍓湶缁勪笂锛堜腑闂村紶涓婃柟锛? if(count>=4){ var t4; if(mt==='anGang'){ t4=makeTile(tiles[3].type, true); } else { t4=makeTile(tiles[3].type, true); } t4.scale.setScalar(mScale); t4.rotation.x=-Math.PI/2; setMeldPos(t4, idx, curOff+dir*1*step, stackY); t4.userData={zone:'meld', player:idx}; tileGroup.add(t4); } curOff+=dir*3*step; }); } // 杈呭姪锛氳缃壇闇茬墝浣嶇疆锛堟寜鐜╁鏂瑰悜锛?// 鍓湶鍖烘斁鍦ㄦ墜鐗?7.0)鍜岀墝澧?4.85)涔嬮棿锛屼腑蹇?.8 function setMeldPos(t, idx, localOff, y){ var meldOff=5.8; if(idx===0){ t.position.set(localOff, y, meldOff); } else if(idx===2){ t.position.set(-localOff, y, -meldOff); t.rotation.z=Math.PI; } else if(idx===1){ t.position.set(-meldOff, y, -localOff); t.rotation.z=Math.PI/2; } else { t.position.set(meldOff, y, localOff); t.rotation.z=-Math.PI/2; } } // ---------- 寮冪墝鍖猴紙鍥涘鍒嗗尯锛屼粠鍐呭悜澶栨帓鍒楋級 ---------- // 甯冨眬锛氭瘡瀹跺純鐗屾憜鍦ㄨ嚜宸辨墜鐗屽拰妗岄潰涓績涔嬮棿 // 琛屽垪閫掑锛氱1鎺?寮犮€佺2鎺?寮犮€佺3鎺?-10寮狅紙妯悜娓愬锛屾墖褰㈠睍寮€鎰燂級 // pi=0 浜虹被(涓嬫柟)锛歾姝ｅ悜锛屼粠鎵嬬墝鍐呬晶鍚戜腑蹇冩帓鍒?// pi=2 瀵瑰(涓婃柟)锛歾璐熷悜锛屼粠鎵嬬墝鍐呬晶鍚戜腑蹇冩帓鍒?// pi=1 宸﹀(宸︿晶)锛歺璐熷悜锛屼粠鎵嬬墝鍐呬晶鍚戜腑蹇冩帓鍒?// pi=3 鍙冲(鍙充晶)锛歺姝ｅ悜锛屼粠鎵嬬墝鍐呬晶鍚戜腑蹇冩帓鍒?// ---------- 鏈€鏂板純鐗屾寚绀虹澶达紙3D 閲戣壊鍊掗敟浣擄級 ---------- // 鍦?renderDiscs 涓垱寤猴紝鎮诞鍦ㄦ渶鍚庡嚭鐗岀殑姝ｄ笂鏂癸紝灏栫鏈濅笅锛屼笂涓嬫姈鍔?+ 鍛煎惛鑴夊姩 var HINT_ARROW_R=0.28; // 閿ヤ綋搴曢潰鍗婂緞 var HINT_ARROW_H=0.50; // 閿ヤ綋楂樺害 var dTH_hintVal=TH*TILE_SCALE*0.8; // 涓?renderDiscs 涓?dTH 涓€鑷?var HINT_ARROW_OFFSET=dTH_hintVal + 0.45; // 绠ご璺濆純鐗岄潰楂樺害 var HINT_ARROW_BOB=0.1; // 涓婁笅娴姩骞呭害 var HINT_ARROW_COLOR=0xffd700; // 閲戣壊 function makeHintArrow(){ var geo=new THREE.ConeGeometry(HINT_ARROW_R, HINT_ARROW_H, 4); // 4娈?鍥涜閲戝瓧濉? var mat=new THREE.MeshPhongMaterial({ color:HINT_ARROW_COLOR, emissive:0xcc8800, emissiveIntensity:0.6, transparent:true, opacity:0.92, shininess:100, specular:0xffffff }); var mesh=new THREE.Mesh(geo, mat); mesh.rotation.x=Math.PI; // 鍊掔珛锛氬皷绔湞涓? mesh.userData={zone:'hintArrow'}; return mesh; } function renderDiscs(){ var dScale=TILE_SCALE*0.8; // 寮冪墝鍖虹缉鏀撅細鏍囧噯鐗岀殑80% var dTD=TD*dScale, dTW=TW*dScale, dTH=TH*dScale; var tileW=dTD; // 鐗屽 var gap=(dTD+GAP*dScale-tileW)*0.3; // 闂撮殭 var step=tileW+gap; // 寮冪墝妯悜闂磋窛 var rowStep=dTW; // 琛岄棿璺?骞宠汉鐗岄珮 var inner=2.0; // 寮冪墝鍖鸿捣濮嬩綅缃紙璺濅腑蹇冿級 // 搴曞寮冪墝鍖轰笌鍏朵粬涓夊涓€鑷达紙涓荤浉鏈?lookAt 涓婄Щ鍚庢闈㈡暣浣撲笂绉伙紝寮冪墝鍖轰笉鍐嶈 UI 鎵嬬墝閬尅锛? var inner0=inner; var innerArr=[inner0, inner, inner, inner]; // 4瀹惰捣濮嬩綅缃? var stepArr=[rowStep, rowStep, rowStep, rowStep]; // 4瀹惰闂磋窛 // 姣忚鍒楁暟閫掑锛?琛?6鈫?鈫?0 function colsForRow(row){ if(row===0) return 6; if(row===1) return 8; return 10; // 绗?鎺?0寮? } // 娓呴櫎鏃х殑鎸囩ず绠ご if(discardHintArrow && discardHintArrow.parent){ discardHintArrow.parent.remove(discardHintArrow); } discardHintArrow=null; // 璁板綍鏈€鍚庡嚭鐗岀帺瀹剁殑鏈€鍚庝竴寮犲純鐗屼綅缃? var hintPos=null; for(var pi=0; pi<4; pi++){ var disc=G.players[pi].discards; if(!disc.length) continue; // 鎸?琛?缁勭粐锛氬厛纭畾姣忚鍑犲紶锛屽啀閫愯灞呬腑鎺掑垪 var idx=0; for(var row=0; idx<disc.length; row++){ var cols=colsForRow(row); var count=Math.min(cols, disc.length-idx); // 鏈瀹為檯寮犳暟 var offset=innerArr[pi]+row*stepArr[pi]; // 姣忚鍚戜腑蹇冩柟鍚戞帹杩? for(var c=0; c<count; c++){ var tile=disc[idx]; idx++; var lateral=(c-(cols-1)/2)*step; // 姣忚浠ユ弧鍛樻暟灞呬腑锛岃捣鐐圭敱婊″憳鏁板喅瀹? var t=makeTile(tile.type, true); t.scale.setScalar(dScale); // 寮冪墝鍖虹缉灏忚嚦鏍囧噯鐗?0% var x, z; if(pi===0){ x=lateral; z=offset; } else if(pi===2){ x=-lateral; z=-offset; t.rotation.z=Math.PI; } // 瀵瑰浠庡彸寰€宸? else if(pi===1){ x=-offset; z=lateral; t.rotation.z=-Math.PI/2; } // 宸﹀鐗岄潰鏈濆乏 else { x=offset; z=-lateral; t.rotation.z=Math.PI/2; } // 鍙冲鐗岄潰鏈濆彸 t.position.set(x, dTH/2, z); t.userData={zone:'discard'}; tileGroup.add(t); // 璁板綍鏈€鍚庡嚭鐗岀帺瀹剁殑鏈€鍚庝竴寮犲純鐗屼綅缃? if(pi===G.lastDiscardPlayer && idx===disc.length){ hintPos={x:x, z:z, y:dTH/2}; } } } } // 鍦ㄦ渶鏂板純鐗屼笂鏂瑰垱寤烘寚绀虹澶? if(hintPos && G.lastDiscardPlayer>=0){ var arrow=makeHintArrow(); arrow.position.set(hintPos.x, hintPos.y + HINT_ARROW_OFFSET, hintPos.z); arrow.userData.baseY=hintPos.y + HINT_ARROW_OFFSET; tileGroup.add(arrow); discardHintArrow=arrow; } } // ---------- 鏂逛綅鏍囪锛堜笢鍗楄タ鍖楋級 ---------- // 鏍囧噯楹诲皢鏂逛綅锛氫汉绫荤帺瀹?涓滐紝閫嗘椂閽堬細鍙冲=鍗楋紝瀵瑰=瑗匡紝宸﹀=鍖?// 鏀惧湪鍚勬柟浣嶇墝澧欏渚т笂鏂癸紙鎮诞锛夛紝榛樿瑙嗚涓嬪洓涓柟鍚戦兘鍙 function renderDirMarks(){ var dirs=[ {text:'涓?, x:0, z:W_OFF+1.2, y:1.2}, // 浜虹被鐜╁锛堜笅鏂癸級 {text:'鍗?, x:W_OFF+1.2, z:0, y:1.2}, // 鍙冲锛堝彸渚э級 {text:'瑗?, x:0, z:-(W_OFF+1.2), y:1.2}, // 瀵瑰锛堜笂鏂癸級 {text:'鍖?, x:-(W_OFF+1.2), z:0, y:1.2} // 宸﹀锛堝乏渚э級 ]; dirs.forEach(function(d){ var sprite=makeTextSprite(d.text, '#ffd700', 0.9); sprite.position.set(d.x, d.y, d.z); sprite.userData={zone:'dirmark'}; tileGroup.add(sprite); }); } // ---------- 褰撳墠鐜╁鎵囧舰楂樹寒锛堟浛浠ｆ棫閲戣壊鍏夌幆锛?---------- function renderCurrentHighlight(){ if(!G || G.gameOver){ trayTimer.clearHighlight(); return; } var idx=G.currentPlayer; if(idx<0 || idx>3){ trayTimer.clearHighlight(); return; } trayTimer.highlight(idx); } // ---------- 鏂囧瓧 Sprite 宸ュ叿 ---------- function makeTextSprite(text, color, scale){ var canvas=document.createElement('canvas'); canvas.width=128; canvas.height=128; var ctx=canvas.getContext('2d'); // 搴勫鏍囪瘑 if(text==='搴?){ ctx.fillStyle='rgba(200,40,40,0.85)'; ctx.beginPath(); ctx.arc(64,50,42,0,Math.PI*2); ctx.fill(); ctx.strokeStyle='#ffd700'; ctx.lineWidth=4; ctx.stroke(); ctx.fillStyle='#ffd700'; ctx.font='bold 52px Microsoft YaHei'; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillText('搴?, 64, 50); } else { // 鏂逛綅鏂囧瓧 ctx.fillStyle='rgba(0,0,0,0.3)'; ctx.beginPath(); ctx.arc(64,64,52,0,Math.PI*2); ctx.fill(); ctx.strokeStyle=color; ctx.lineWidth=3; ctx.stroke(); ctx.fillStyle=color; ctx.font='bold 60px Microsoft YaHei'; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillText(text, 64, 64); } var tex=new THREE.CanvasTexture(canvas); tex.needsUpdate=true; var mat2=new THREE.SpriteMaterial({map:tex, transparent:true}); var sp=new THREE.Sprite(mat2); sp.scale.setScalar(scale); return sp; } // ================================================================ var G=null; /* ================================================================ * 姝ラ2锛歐ebSocket 瀹㈡埛绔紙ws://localhost:8081/game/{cid}锛? * 绾覆鏌撳鎴风锛氭墍鏈夌姸鎬佺敱鏈嶅姟鍣ㄦ帹閫侀┍鍔? * ================================================================ */ var WS_URL='wss://mj3d-game.onrender.com/game'; var PLAYER_NAME='楠屾敹鐢?; var PLAYER_PWD='test123456'; var ws=null, cid=null, myUserId=null, myPlayerIndex=0; var gamestateId=null, roomId=null; var netPhase='idle'; // idle / connecting / login / lobby / inRoom / started var setLobbyStep=null; // 杩涘害姝ラ鎺у埗鍑芥暟锛坰howLobby 涓祴鍊硷級 var pendingAction=[]; // 鏈嶅姟鍣ㄥ綋鍓嶇粰鎴戠殑鍙搷浣滃垪琛?var myCutPending=false; // 鎴戝凡鍑虹墝绛夊緟鏈嶅姟鍣ㄧ‘璁わ紙闃茶繛鐐瑰鍑虹墝鐩稿叕锛?var visSeat=[0,1,2,3]; // 鏈嶅姟鍣ㄥ骇浣?鈫?瑙嗚搴т綅锛坥nNetGameStart 鏃舵寜鎴戠殑搴т綅閲嶅缓锛?var roomMode='create'; // 'create' 寤烘埧 / 'join' 鍔犲叆 var roomBotCount=3; // 寤烘埧鏃惰ˉ浣嶆満鍣ㄤ汉鏁伴噺 var wsClosedByUser=false; // 鐢ㄦ埛涓诲姩鍏抽棴杩炴帴锛堝洖澶у巺/绂诲紑鎴块棿锛夋椂涓嶅啀鑷姩閲嶈繛 var roomInfo=null; // 褰撳墠鎴块棿淇℃伅锛坮efresh_room_info 骞挎挱鏇存柊锛?var amHost=false; // 鎴戞槸鍚︿负鎴夸富 function wsSend(obj){ if(ws && ws.readyState===1){ ws.send(JSON.stringify(obj)); console.log('[net鈫抅', JSON.stringify(obj)); } else { console.warn('[net] 鏈繛鎺ワ紝涓㈠純娑堟伅', obj); } } function wsConnect(){ wsClosedByUser=false; // 鏂板彂璧疯繛鎺ユ椂閲嶇疆涓诲姩鍏抽棴鏍囧織 cid=crypto.randomUUID(); var url=WS_URL+'/'+cid; showToast('杩炴帴鏈嶅姟鍣?'+url); ws=new WebSocket(url); ws.onopen=function(){ netPhase='connecting'; if(typeof setLobbyStep==='function') setLobbyStep(2); wsSend({type:'login', username:PLAYER_NAME, password:PLAYER_PWD, is_tourist:false}); }; ws.onmessage=function(ev){ handleNetMessage(ev.data); }; ws.onerror=function(){ showToast('缃戠粶閿欒锛岃纭鍚庣宸插惎鍔?); }; ws.onclose=function(){ console.warn('杩炴帴鍏抽棴锛?绉掑悗閲嶈繛'); netPhase='idle'; // 鐢ㄦ埛涓诲姩鍏抽棴锛堝洖澶у巺/绂诲紑鎴块棿锛夋椂涓嶉噸杩烇紝閬垮厤"鎴块棿涓嶅瓨鍦?鍥為€€鍚庡張鑷姩杩炰笂 if(wsClosedByUser) return; setTimeout(function(){ if(netPhase==='idle') wsConnect(); }, 5000); }; } function wsSendRoomCreate(){ wsSend({ type:'room/create_Xinyu_room', roomname:'3D鏂颁綑鎴?, gameround:1, password:'', roundTimerValue:60, stepTimerValue:10, tips:false, random_seed:0, tactical_call:false }); } // 寤烘埧鎴愬姛鍚庯紝鎸?roomBotCount 琛ヤ綅鏈哄櫒浜猴紙鐪熶汉涓嶈冻鑷姩琛ユ弧锛夛紝鍑?4 浜哄悗鐢?refresh_room_info 鑷姩寮€灞€ // 娉ㄦ剰锛氳ˉ鐨勬槸"鐗屾晥缃椾集鐗?锛坮oom/add_smart_bot, user_id=2 鈫?smart_bot_ai锛夛紝浼氱/鏉?鍚墝/鑷懜锛?// 鑻ョ敤 room/add_bot锛坲ser_id=0 鈫?auto_cut_ai锛夊垯鍙細鎽稿垏銆佷粠涓嶇鏉?function wsAddBots(){ var target=roomBotCount; if(target<=0) return; var count=0; var timer=setInterval(function(){ wsSend({type:'room/add_smart_bot', room_id:roomId}); count++; if(count>=target) clearInterval(timer); }, 600); } // 鎴夸富鎵嬪姩琛ヤ竴涓満鍣ㄤ汉锛堜笉婊?4 浜烘椂鐢紱鍚屾牱鐢ㄧ墝鏁堟満鍣ㄤ汉锛?function wsAddOneBot(){ wsSend({type:'room/add_smart_bot', room_id:roomId}); } // 闈炴埧涓荤湡浜猴細鐐瑰嚮銆愬噯澶囥€戝悗鍐嶅紑灞€ function wsSetReady(ready){ wsSend({type:'room/set_ready', room_id:roomId, ready:ready}); } // 绂诲紑鎴块棿锛堝洖鍒拌繘鍏ラ〉锛?function wsLeaveRoom(){ if(roomId) wsSend({type:'room/leave_room', room_id:roomId}); roomInfo=null; roomId=null; amHost=false; netPhase='idle'; // 瀹屾暣鍥為€€锛氬叧闂繛鎺ャ€佹竻鐘舵€併€佹仮澶嶆寜閽? rollbackToLobby(); } /* ================================================================ * 姝ラ3锛氬崗璁€傞厤灞傦紙鏈嶅姟鍣?gamestate/xinyu/ 娑堟伅鈫?3D 鐘舵€侊級 * ================================================================ */ function handleNetMessage(raw){ var m; try{ m=JSON.parse(raw); }catch(e){ return; } var t=m.type||''; console.log('[net鈫怾', t, m); if(t==='login'){ if(m.success){ myUserId=m.login_info.user_id; netPhase='lobby'; if(typeof setLobbyStep==='function') setLobbyStep(3); showToast('鐧诲綍鎴愬姛 user='+m.login_info.username); // 鏍规嵁杩涘叆妯″紡锛氬缓鎴?or 鍔犲叆 if(roomMode==='create'){ wsSendRoomCreate(); } else { var rid=document.getElementById('lobbyRoomId').value.trim(); if(rid){ wsSend({type:'room/join_room', room_id:rid, password:''}); } else { showToast('璇疯緭鍏ヨ鍔犲叆鐨勬埧闂村彿'); rollbackToLobby(); } } } else { showToast('鐧诲綍澶辫触: '+(m.message||'')); } return; } if(t==='room/create_room_done'){ if(m.success){ roomId=m.room_info.room_id; roomInfo=m.room_info; amHost=true; // 寤烘埧鑰呭嵆鎴夸富 netPhase='inRoom'; if(typeof setLobbyStep==='function') setLobbyStep(4); showToast('鎴块棿宸插垱寤猴紝鎴块棿鍙凤細'+roomId+'锛?+m.room_info.room_rule+'锛?, 8000); showRoom(); wsAddBots(); } else { showToast('寤烘埧澶辫触: '+(m.message||'')); rollbackToLobby(); } return; } if(t==='room/join_room_done'){ if(m.success){ netPhase='inRoom'; if(typeof setLobbyStep==='function') setLobbyStep(4); showToast('宸插姞鍏ユ埧闂达紝璇风偣鍑汇€愬噯澶囥€?); showRoom(); } else { showToast('鍔犲叆澶辫触: '+(m.message||'')); rollbackToLobby(); } return; } // 鎴块棿淇℃伅骞挎挱锛氬疄鏃舵洿鏂版埧鍐呯帺瀹跺垪琛ㄤ笌鍑嗗鐘舵€侊紙鎴夸富銆侀潪鎴夸富閮藉湪鐢級 if(t==='room/refresh_room_info'){ roomInfo=m.room_info||roomInfo; if(roomInfo){ if(roomInfo.room_id!=null) roomId=String(roomInfo.room_id); amHost=(roomInfo.player_list||[])[0]===myUserId; } // 瀵瑰眬宸茬粨鏉熷洖鍒版埧闂存€佹椂锛屽洖鍒版埧闂寸晫闈? if(netPhase==='inRoom' || netPhase==='lobby') renderRoom(); // 鎴夸富锛氭埧闂存弧 4 浜轰笖瀵瑰眬鏈繘琛屾椂鑷姩寮€灞€ // 浠呴檺"寮€灞€鍓嶇瓑寰呮€?锛坣etPhase==='inRoom'锛夛紱瀵瑰眬鍒氱粨鏉燂紙netPhase 浠嶄负 started锛変笉鑷姩閲嶅紑锛? // 璁╃帺瀹剁湅瀹屾渶缁堟帓鍚嶅脊绐楀悗鎵嬪姩鐐广€愬啀鏉ヤ竴灞€銆戯紙newRound 鍙?room/start_game锛? if(netPhase==='inRoom' && amHost && roomInfo && !roomInfo.is_game_running && (roomInfo.player_list||[]).length>=4){ // 妫€鏌ユ墍鏈夐潪鎴夸富鐪熶汉鐜╁鏄惁宸插噯澶囷紙bot uid<=10 榛樿宸插噯澶囷級 var _pl=roomInfo.player_list||[], _rl=roomInfo.ready_list||[], _allReady=true; for(var _i=1;_i<_pl.length;_i++){ var _uid=_pl[_i]; if(_uid<=10) continue; if(_rl.indexOf(_uid)<0){ _allReady=false; break; } } if(_allReady){ netPhase='starting'; showToast('鍏ㄥ憳宸插噯澶囷紝鑷姩寮€灞€'); wsSend({type:'room/start_game', room_id:roomId}); } } return; } if(t==='room/leave_room_done'){ roomInfo=null; roomId=null; amHost=false; netPhase='idle'; rollbackToLobby(); return; } if(t==='room/refresh_room_info' || t==='tips' || t==='error_message'){ console.log('[net鎻愮ず]', m.message||''); if(t==='error_message'){ showToast(m.message||'鏈嶅姟鍣ㄩ敊璇?); // 鍔犲叆/寤烘埧闃舵鐨勯敊璇細鍥為€€鍒拌繘鍏ラ〉闈? if(netPhase==='lobby' || netPhase==='connecting'){ rollbackToLobby(); } // 寮€灞€闃舵鐨勯敊璇細鍥為€€鍒版埧闂寸瓑寰呮€? if(netPhase==='starting'){ netPhase='inRoom'; renderRoom(); } } else if(m.message) showToast(m.message); return; } if(t==='gamestate/xinyu/wait_dice'){ onNetWaitDice(m.wait_dice_info); return; } if(t==='gamestate/xinyu/ready_status'){ onNetReadyStatus(m.ready_status_info); return; } if(t==='gamestate/xinyu/game_start'){ onNetGameStart(m.game_info); return; } if(t==='gamestate/xinyu/broadcast_hand_action'){ // 鍙戠墝鍔ㄧ敾鏈熼棿缂撳啿娑堟伅锛堥槦鍒楋級锛屽姩鐢荤粨鏉熷悗鎸夐『搴忓洖鏀? if(dealAnim.active){ dealAnim.pendingMsgs.push(m); return; } onNetAskHand(m.ask_hand_action_info); return; } if(t==='gamestate/xinyu/ask_other_action'){ if(dealAnim.active){ dealAnim.pendingMsgs.push(m); return; } onNetAskOther(m.ask_other_action_info); return; } if(t==='gamestate/xinyu/do_action'){ if(dealAnim.active){ dealAnim.pendingMsgs.push(m); return; } onNetDoAction(m.do_action_info); return; } if(t==='gamestate/xinyu/show_result'){ onNetShowResult(m.show_result_info); return; } if(t==='gamestate/xinyu/game_end'){ onNetGameEnd(m.game_end_info); return; } // 鍏朵粬娑堟伅浠呰褰? console.log('[net鍏朵粬]', t, m); } // game_start锛氬垵濮嬪寲妗岄潰 function onNetGameStart(gi){ netPhase='started'; // 鍚庣鎺ㄨ繘涓嬩竴灞€鏃讹紝鍏抽棴涓婁竴灞€鐨勭粨绠楀脊绐?娓呯悊鎽婄墝娈嬬暀 document.getElementById('modal').classList.remove('show'); stopResultCountdown(); // 娓呯悊 3D 鎽婄墝娈嬬暀锛氭诞鍔?鏀惰捣鎵嬬墝"鎸夐挳 var rfb=document.getElementById('revealCloseBtn'); if(rfb) rfb.style.display='none'; var btnNew=document.getElementById('btnNew'); if(btnNew) btnNew.style.display='none'; // 鑱旂綉瀵瑰眬鐢辨湇鍔″櫒椹卞姩锛岄殣钘忔墜鍔ㄩ噸寮€ var roomPanel=document.getElementById('roomPanel'); if(roomPanel) roomPanel.style.display='none'; showHUD(); // 纭繚瀵瑰眬HUD鍙 gamestateId=gi.gamestate_id; var myInfo=null; for(var i=0;i<(gi.players_info||[]).length;i++){ var p=gi.players_info[i]; if(p.user_id===myUserId) myInfo=p; } // 鎴戠殑鏈嶅姟鍣ㄥ骇浣嶏紙鍚庣寮€灞€闅忔満 shuffle锛屽彲鑳介潪0锛? myPlayerIndex = myInfo ? myInfo.player_index : 0; // 瑙嗚搴т綅鏄犲皠锛氭湇鍔″櫒搴т綅鈫?3D 鐗堣瑙夊骇浣嶏紙鎴戠殑瑙嗚搴т綅鎭掍负 0=搴曞浜墝锛? // 鍑虹墝鏂瑰悜锛氭湇鍔″櫒 0鈫?鈫?鈫? 閫掑锛涜瑙夋柟浣?0=涓?搴?/1=鍖?宸?/2=瑗?涓?/3=鍗?鍙? // 鑻ョ敤姝ｅ悜 (s-my+4)%4锛岃瑙夎疆杞负涓溾啋鍖椻啋瑗库啋鍗?椤烘椂閽堬紱鍙嶅悜鏄犲皠浣垮叾鎴愪负鏍囧噯閫嗘椂閽堬紙涓溾啋鍗椻啋瑗库啋鍖楋級 visSeat=[0,1,2,3].map(function(s){ return (myPlayerIndex - s + 4) % 4; }); G={ round:gi.current_round||1, currentPlayer:0, humanPlayerIdx:0, dealerIdx:0, lastWinner:0, wall:[], phase:'idle', players:[ {name:'鎴?, hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:false, online:true}, {name:'宸﹁竟', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true, online:false}, {name:'瀵瑰', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true, online:false}, {name:'鍙宠竟', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true, online:false} ], lastDiscard:null, lastDiscardPlayer:-1, isAfterGang:false, gameOver:false, pengGangCandidates:null, pendingNextPlayer:0, revealMode:false }; // 濉骇浣嶅悕锛堟湇鍔″櫒 player_index 鈫?瑙嗚搴т綅锛? (gi.players_info||[]).forEach(function(pi){ var s=pi.player_index; var v=visSeat[s]; if(s>=0 && s<4 && v>=0 && v<4){ G.players[v].name=pi.username; G.players[v].online=true; G.players[v].score=pi.score||0; if(pi.user_id===myUserId){ G.players[v].isAI=false; G.players[v].online=true; } else { G.players[v].isAI=pi.user_id<10; G.players[v].online=pi.user_id>=10; } if(pi.user_id===myUserId && pi.hand_tiles){ G.players[v].hand=(pi.hand_tiles||[]).map(function(n){ return tileFromNum(n); }); } // 寮冪墝/鍓湶锛堜粬浜哄彲瑙侊級 G.players[v].discards=(pi.discard_tiles||[]).map(function(n){ return tileFromNum(n); }); G.players[v].melds=parseCombination(pi.combination_tiles, pi.combination_mask); G.players[v].handCount=pi.hand_tiles_count; } }); // 搴勫锛氭湇鍔″櫒 player_index=0 鐨勭帺瀹朵负搴?鈫?瑙嗚搴т綅 G.dealerIdx=visSeat[0]; // 鐗屽锛氬墿浣欏紶鏁? G.wall.length = gi.tile_count || 0; G.phase='idle'; netPhase='started'; pendingAction=[]; myCutPending=false; // 鏂颁竴灞€閲嶇疆鍑虹墝閿? hideActionButtons(); // 鏈嶅姟鍣ㄦ幏楠板姩鐢伙細鐢ㄦ湇鍔″櫒涓嬪彂鐨?dice1/dice2 鎾瀛愬姩鐢伙紝鍔ㄧ敾缁撴潫鍚庡啀 renderAll var sDice1=gi.dice1, sDice2=gi.dice2; if(sDice1 && sDice2){ // 楠板瓙鍔ㄧ敾鏈熼棿锛氱珛鍗冲睆钄芥墜鐗屾覆鏌撳苟缂撳啿鏈嶅姟鍣ㄦ秷鎭紙閬垮厤 broadcast_hand_action 鎻愬墠瑙﹀彂 renderAll 瀵艰嚧鎵嬬墝鍏ㄦ樉锛? G.phase='rolling'; dealAnim.active=true; dealAnim.revealed=0; dealAnim.pendingMsgs=[]; renderAll(); // 绔嬪嵆鐢ㄦ柊灞€鏁版嵁娓呯┖鏃х墝闈紙dealAnim 闄愬埗涓嬪彧鏄剧ず鐗屽锛屼笉鏄剧ず鎵嬬墝锛? showToast('鎺烽涓€?); var p1=dice3D1 ? dice3D1.roll(sDice1) : Promise.resolve(sDice1); var p2=dice3D2 ? dice3D2.roll(sDice2) : Promise.resolve(sDice2); Promise.all([p1, p2]).then(function(results){ var d1=results[0], d2=results[1]; showToast('楠板瓙: '+d1+' + '+d2+' = '+(d1+d2)); // 璁╃偣鏁版彁绀哄仠鐣欎竴浼氬効鍐嶅紑濮嬪彂鐗屽姩鐢? setTimeout(function(){ startDealAnim(); }, 1200); }); } else { // 鏃犻瀛愭暟鎹細鐩存帴鍙戠墝鍔ㄧ敾 dealAnim.active=true; dealAnim.revealed=0; dealAnim.pendingMsgs=[]; startDealAnim(); } } // 鍙戠墝鍔ㄧ敾锛氶€愯疆閫愬鍙戝嚭鎵嬬墝锛屽姩鐢荤粨鏉熷悗鍒囨甯搁樁娈?function startDealAnim(){ G.phase='dealing'; dealAnim.active=true; // 楠板瓙鍔ㄧ敾鏈熼棿宸茶 true锛涙澶勭‘淇濓紙鏃犻瀛愬垎鏀篃浼氳繘鍏ワ級 // 娉ㄦ剰锛氫笉閲嶇疆 dealAnim.revealed锛堥瀛愬姩鐢绘湡闂村凡=0锛夊拰 dealAnim.pendingMsgs锛堥瀛愬姩鐢绘湡闂寸紦鍐茬殑娑堟伅闃熷垪蹇呴』淇濈暀锛侊級 renderAll(); // 鏄剧ず绌烘墜鐗岋紙revealed=0锛? 瀹屾暣鐗屽 showToast('鍙戠墝涓€?); // 閫愬紶鍙戠墝锛?9姝ワ紙12杞?瀹?48 + 搴勫澶氭懜1寮?49锛? var totalSteps=49; var stepMs=60; // 姣忔闂撮殧锛堟绉掞級 function dealStep(){ if(dealAnim.revealed>=totalSteps){ // 鍙戠墝瀹屾垚 dealAnim.active=false; G.phase='idle'; renderAll(); showToast('瀵瑰眬寮€濮?鐗屽 '+G.wall.length+' 寮狅紙鎴戝潗'+(myPlayerIndex===0?'搴?:'闂?)+'浣嶏級'); if(typeof MJAudio!=='undefined') MJAudio.playBGM(); // 澶勭悊鍔ㄧ敾鏈熼棿缂撳啿鐨勬湇鍔″櫒娑堟伅锛堟寜鍒拌揪椤哄簭鍥炴斁锛岄槻姝㈢姸鎬侀敊涔憋級 if(dealAnim.pendingMsgs && dealAnim.pendingMsgs.length){ var msgs=dealAnim.pendingMsgs; dealAnim.pendingMsgs=[]; for(var mi=0; mi<msgs.length; mi++){ handlePendingMsg(msgs[mi]); } } return; } dealAnim.revealed++; // 鍙戠墝闊虫晥锛堟瘡4寮犳挱鏀句竴娆★紝閬垮厤杩囦簬瀵嗛泦锛? if(dealAnim.revealed%4===1 && typeof MJAudio!=='undefined') MJAudio.playSFX('click'); renderAll(); setTimeout(dealStep, stepMs); } setTimeout(dealStep, 300); // 鐭殏鍋滈】鍚庡紑濮嬪彂鐗?} // 澶勭悊鍙戠墝鍔ㄧ敾鏈熼棿缂撳啿鐨勬湇鍔″櫒娑堟伅 function handlePendingMsg(msg){ var t=msg.type; if(t==='gamestate/xinyu/broadcast_hand_action'){ onNetAskHand(msg.ask_hand_action_info); } else if(t==='gamestate/xinyu/ask_other_action'){ onNetAskOther(msg.ask_other_action_info); } else if(t==='gamestate/xinyu/do_action'){ onNetDoAction(msg.do_action_info); } } // wait_dice锛氭敹鍒扮瓑寰呭簞瀹舵幏楠版秷鎭?function onNetWaitDice(info){ // 淇濆瓨 gamestate_id锛坵ait_dice 鍦?game_start 涔嬪墠鍒拌揪锛屾鏃跺彲鑳藉皻鏈缃級 if(info.gamestate_id) gamestateId=info.gamestate_id; // 闅愯棌鎴块棿绛夊緟闈㈡澘锛歸ait_dice 鏃跺灞€鍗冲皢寮€濮嬶紝闈㈡澘浼氭尅浣忔幏楠版寜閽? var roomPanel=document.getElementById('roomPanel'); if(roomPanel) roomPanel.style.display='none'; // 鐢?dealer_user_id 鍒ゆ柇鑷繁鏄惁涓哄簞瀹讹紙wait_dice 鍏堜簬 game_start锛宮yPlayerIndex 鏈垵濮嬪寲锛屼笉鑳界敤搴т綅鍒ゆ柇锛? var amDealer = (info.dealer_user_id != null) ? (info.dealer_user_id===myUserId) : (info.dealer_index===myPlayerIndex); var dealerName = info.dealer_username || '搴勫'; if(amDealer){ showHUD(); var bar=document.getElementById('actionBar'); bar.innerHTML=''; bar.appendChild(mkBtn('鎺烽瀛?,'primary',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'roll_dice'}); bar.innerHTML=''; bar.classList.remove('show'); showToast('楠板瓙婊氬姩涓€?); })); bar.classList.add('show'); showToast('浣犳槸搴勫锛?+dealerName+'锛夛紝璇锋幏楠板瓙'); } else { // 闈炲簞瀹讹細鏄剧ず绛夊緟鎻愮ず showHUD(); showToast('搴勫 '+dealerName+' 鎺烽涓€?); } } // ready_status锛氬悗绔€氱煡鍑嗗鐘舵€侊紙灞€缁堢瓑寰呬汉绫?ready锛?function onNetReadyStatus(info){ if(!info || !info.player_to_ready) return; var ready=info.player_to_ready; // {player_index: bool} true=宸插噯澶? // 缁熻鏈夊嚑浜烘湭鍑嗗 var pending=0; for(var k in ready){ if(!ready[k]) pending++; } var btn=document.getElementById('modalBtn'); var tip=document.getElementById('modalTip'); if(pending<=0){ // 鎵€鏈変汉宸插噯澶囷紝绛夊緟鏈嶅姟鍣ㄦ帹杩? if(btn){ btn.disabled=true; btn.textContent='姝ｅ湪寮€濮嬧€?; } if(tip) tip.textContent='鎵€鏈変汉宸插噯澶囷紝鍗冲皢寮€濮嬩笅涓€灞€鈥?; } else { // 杩樻湁鐜╁鏈噯澶囷紙鍙兘鏄嚜宸卞凡鍑嗗浣嗗叾浠栦汉绫绘湭鍑嗗锛屾垨鑷繁杩樻病鐐癸級 if(btn && btn.disabled){ // 鑷繁宸茬偣杩?ready锛岀瓑鍏朵粬浜? btn.textContent='绛夊緟鍏朵粬鐜╁鈥?; } if(tip) tip.textContent='杩橀渶 '+pending+' 浜哄噯澶?; } } // 瑙ｆ瀽鏈嶅姟鍣ㄥ壇闇茬紪鐮侊紙k纰?s椤?g鍔犳潬/G鏆楁潬鈫?3D meld 缁撴瀯锛?function parseCombination(comboTiles, comboMasks){ var melds=[]; if(!comboTiles) return melds; for(var i=0;i<comboTiles.length;i++){ var code=comboTiles[i]||''; var prefix=code.charAt(0); var numId=parseInt(code.substring(1),10)||0; var tile=tileFromNum(numId); var mask=(comboMasks&&comboMasks[i])||null; if(prefix==='k'){ melds.push({type:'peng', tileType:tile.type, tiles:[tile,tile,tile], fromPlayer:inferFromPlayer(mask)}); } else if(prefix==='g'||prefix==='G'){ // 鍔犳潬 g / 鏆楁潬 G锛堟柊浣欐棤鎶㈡潬锛? if(prefix==='G') melds.push({type:'anGang', tileType:tile.type, tiles:[tile,tile,tile,tile]}); else melds.push({type:'jiaGang', tileType:tile.type, tiles:[tile,tile,tile,tile]}); } else if(prefix==='s'){ // 椤哄瓙锛堟柊浣欑鍚冿紝鐞嗚涓嶅嚭鐜帮級 melds.push({type:'chi', tileType:tile.type, tiles:[tile,tile,tile]}); } } return melds; } // 浠庡壇闇叉帺鐮佹帹鏂潵婧愭柟鍚戯紙鎺╃爜鏍煎紡 [flag,id]*3锛宖lag=1 琛ㄧず鐗岃儗鏈濅笂=鏉ユ簮锛?function inferFromPlayer(mask){ if(!mask) return null; for(var i=0;i<mask.length;i+=2){ if(mask[i]===1) return Math.floor(i/2); // 0/1/2 鈫?鏉ユ簮鐩稿浣嶇疆 } return null; } // broadcast_hand_action锛氳疆鍒版煇鐜╁鎽哥墝鍚庢搷浣?function onNetAskHand(info){ var idx=info.player_index; // 鏈嶅姟鍣ㄥ骇浣? var vis=visSeat[idx]; // 瑙嗚搴т綅 pendingAction=info.action_list||[]; G.currentPlayer=vis; G.wall.length=info.remain_tiles||0; G.phase='discard'; renderAll(); if(idx===myPlayerIndex){ // 鏈嶅姟鍣ㄥ骇浣嶅垽鏂槸鍚﹁疆鍒版垜 var acts=pendingAction; var bar=document.getElementById('actionBar'); bar.innerHTML=''; // 鑳★紙鑷懜锛? if(acts.indexOf('hu_self')>=0) bar.appendChild(mkBtn('鑳?,'primary',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'hu_self', targetTile:lastTileNum()}); })); // 鏆楁潬锛坱argetTile 蹇呴』鏄墜鐗屼腑 4 寮犵浉鍚岀殑鐗岋級 if(acts.indexOf('angang')>=0) bar.appendChild(mkBtn('鏆楁潬','',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'angang', targetTile:findAnGangNum()}); })); // 鍔犳潬 if(acts.indexOf('jiagang')>=0) bar.appendChild(mkBtn('鍔犳潬','',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'jiagang', targetTile:lastTileNum()}); })); // 鍒囩墝 if(acts.indexOf('cut')>=0) bar.appendChild(mkBtn('鍑虹墝','',function(){ autoCutLast(); })); if(bar.children.length) bar.classList.add('show'); } else { // 浠栧鍥炲悎锛氭竻绌烘搷浣滄爮锛堥伩鍏嶆畫鐣欙級 hideActionButtons(); } startTurnCountdown(); } // 鏈€鍚庢懜鐨勭墝鐨?numId锛堢敤浜庤儭 targetTile锛?function lastTileNum(){ var p=G.players[0]; // 鎴戠殑瑙嗚搴т綅鎭掍负 0 if(p.justDrawn) return p.justDrawn.numId; if(p.hand.length) return p.hand[p.hand.length-1].numId; return null; } // 鎵嬬墝涓?4 寮犵浉鍚岀殑鐗岀殑 numId锛堢敤浜庢殫鏉?targetTile锛涙殫鏉犲繀椤绘寚瀹?寮犵粍鐨勭墝锛岃€岄潪鍒氭懜鐨勬渶鍚庝竴寮狅級 function findAnGangNum(){ var p=G.players[0]; if(!p || !p.hand || !p.hand.length) return null; var cnt={}; for(var i=0;i<p.hand.length;i++){ var n=p.hand[i].numId; cnt[n]=(cnt[n]||0)+1; if(cnt[n]===4) return n; } return null; } function lastTileId(){ return lastTileNum(); } function lastDrawnNum(){ return lastTileNum(); } // 鑷姩鍑烘渶鍙充竴寮狅紙瓒呮椂/鎸夐挳锛?function autoDiscardRight(){ var p=G.players[0]; if(p.hand.length){ var tile=p.hand[p.hand.length-1]; clientCut(tile); } } // 鍑虹墝鎸夐挳鍥炶皟锛氬垏鏈€鍙充竴寮狅紙lastTileNum 浼樺厛锛?function autoCutLast(){ var p=G.players[0]; if(!p || !p.hand.length) return; var t=lastTileNum()!=null ? tileByNum(p.hand, lastTileNum()) : p.hand[p.hand.length-1]; if(t) clientCut(t); } function clientCut(tile){ if(!tile) return; if(myCutPending) return; // 宸插嚭鐗岀瓑寰呮湇鍔″櫒纭锛屽拷鐣ラ噸澶嶇偣鍑伙紙闃茬浉鍏級 // 浠庢墜鐗屼腑绉婚櫎骞舵斁鍒板純鐗屽尯锛堟湰鍦伴瑙堬紝鏈嶅姟鍣?do_action 纭锛?var p=G.players[0]; var idx=p.hand.indexOf(tile); if(idx>=0) p.hand.splice(idx,1); tile._pendingCut=true; // 寰呮湇鍔″櫒纭鏍囪锛堢‘璁ゆ椂鐢ㄥ叾鍘婚噸锛岄伩鍏嶅純鐗岄噸澶嶏級 p.discards.push(tile); p.justDrawn=null; myCutPending=true; // 閿佸畾锛氱‘璁ゅ墠绂佹鍐嶆鍑虹墝 renderAll(); wsSend({type:'gamestate/GB/cut_tile', gamestate_id:gamestateId, TileId:tile.numId, cutClass:false, cutIndex:0}); } // ask_other_action锛氫粬瀹跺垏鐗屽悗璇㈤棶鍏朵粬瀹剁/鏉?function onNetAskOther(info){ // 鍚庣 ask_other_action_info 鏃?player_index 瀛楁锛屾娑堟伅浠呭彂缁欒璇㈤棶鑰咃紙=鎴戯級 pendingAction=info.action_list||[]; G.currentPlayer=0; // 鎴戯紙瑙嗚搴曞锛夌瓑寰呯/鏉?杩? G.phase='awaitAction'; renderAll(); if(pendingAction.indexOf('pass')>=0){ // 鑷姩杩囷紙纰?鏉犵敱鐢ㄦ埛鐐瑰嚮锛? // 鍏堝睍绀烘寜閽? var bar=document.getElementById('actionBar'); bar.innerHTML=''; if(pendingAction.indexOf('gang')>=0) bar.appendChild(mkBtn('鏉?,'primary',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'gang'}); })); if(pendingAction.indexOf('peng')>=0) bar.appendChild(mkBtn('纰?,'',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'peng'}); })); bar.appendChild(mkBtn('杩?,'gray',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'pass'}); })); if(bar.children.length) bar.classList.add('show'); } } // do_action锛氭湇鍔″櫒骞挎挱瀹為檯鍔ㄤ綔 function onNetDoAction(info){ var acts=info.action_list||[]; var whoS=info.action_player; // 鏈嶅姟鍣ㄥ骇浣? var who=visSeat[whoS]; // 瑙嗚搴т綅 // 鎽哥墝 if(acts.indexOf('deal_tile')>=0 || acts.indexOf('deal_gang_tile')>=0){ if(info.deal_tile){ var t=tileFromNum(info.deal_tile); var p=G.players[who]; if(whoS===myPlayerIndex){ // 鑷繁鎽哥墝锛氭帹鍏ョ湡瀹炴墜鐗屾暟缁勶紙娓叉煋鐢級锛屽苟鏍囪 justDrawn 瀹炵幇"鏂扮墝鏀炬渶鍙崇銆佸嚭鐗屽悗鐞嗙墝" p.hand.push(t); p.justDrawn=t; } else { // 浠栦汉鎽哥墝锛氭湇鍔″櫒涓嶄笅鍙戜粬浜烘墜鐗屾槑缁嗭紝浠呯淮鎶ゆ墜鐗屾暟閲忥紙娓叉煋鐗岃儗鐢級 p.handCount=(p.handCount||0)+1; } if(whoS===myPlayerIndex && typeof MJAudio!=='undefined' && !G.gameOver) MJAudio.playTileVoice(t.type); if(acts.indexOf('deal_gang_tile')>=0) G.isAfterGang=true; renderAll(); } return; } // 鍑虹墝 if(acts.indexOf('cut')>=0){ if(info.cut_tile){ var ct=tileFromNum(info.cut_tile); var cp=G.players[who]; if(whoS===myPlayerIndex){ // 鎴戝嚭鐗屾椂 clientCut 宸叉湰鍦伴瑙堬紙_pendingCut 鏍囪锛夛紝鏈嶅姟鍣ㄧ‘璁ゅ箍鎾埌杈惧悗鍏堢Щ闄ゅ崰浣嶇墝锛岄伩鍏嶅純鐗屽尯閲嶅 for(var di=cp.discards.length-1; di>=0; di--){ if(cp.discards[di]._pendingCut && cp.discards[di].numId===info.cut_tile){ cp.discards.splice(di,1); break; } } // 浠呭綋 clientCut 鏈鍏堢Щ闄ゆ椂锛堝鏈嶅姟鍣ㄨ秴鏃惰嚜鍔ㄥ嚭鐗?myCutPending===false锛夋墠浠庢墜鐗岀Щ闄わ紱 // 鑻?clientCut 宸茬Щ闄わ紙myCutPending===true锛夊垯璺宠繃锛屽惁鍒欎細绉婚櫎鍚?numId 鐨勫彟涓€寮犵墝瀵艰嚧鐩稿叕 if(!myCutPending){ var t2=tileByNum(cp.hand, info.cut_tile); if(t2){ var ii=cp.hand.indexOf(t2); if(ii>=0) cp.hand.splice(ii,1); } } cp.justDrawn=null; } else { // 浠栦汉鍑虹墝锛氭墜鐗屾暟缁勬湭鐭ワ紝浠呯淮鎶ゆ暟閲? if(cp.handCount>0) cp.handCount--; } cp.discards.push(ct); // 鏈嶅姟鍣ㄧ‘璁ょ殑鐗屽叆寮冪墝鍖? G.lastDiscard=ct; G.lastDiscardPlayer=who; G.isAfterGang=false; G.currentPlayer=who; G.phase='idle'; myCutPending=false; // 鍑虹墝纭鍒拌揪锛岃В閿侊紙涓嬩竴杞?onNetAskHand 閲嶆柊鍙嚭鐗岋級 hideActionButtons(); // 鍑虹墝纭鍚庢竻绌烘搷浣滄爮锛岄伩鍏嶆畫鐣? renderAll(); if(typeof MJAudio!=='undefined' && !G.gameOver){ MJAudio.playSFX('click'); MJAudio.playTileVoice(ct.type); } } return; } // 纰?鏉?鍔犳潬/鏆楁潬/鑳? if(acts.indexOf('peng')>=0 || acts.indexOf('gang')>=0 || acts.indexOf('angang')>=0 || acts.indexOf('jiagang')>=0 || acts.indexOf('hu_self')>=0){ var tp=G.players[who]; if(acts.indexOf('peng')>=0||acts.indexOf('gang')>=0){ // 鏄庣/鏄庢潬锛氬彇瀵规柟鏈€鍚庝竴寮犲純鐗?+ 鑷繁涓ゅ紶/涓夊紶 var claimTile=G.lastDiscard||tileFromNum(info.cut_tile||(G.players[who].discards.length?G.players[who].discards[G.players[who].discards.length-1].numId:0)); var srcPlayer=G.lastDiscardPlayer; if(srcPlayer>=0 && srcPlayer<4 && G.players[srcPlayer].discards.length){ G.players[srcPlayer].discards.pop(); } // 鑷繁鎵嬬墝绉婚櫎涓ゅ紶/涓夊紶鍚屽瀷锛堜笉瓒虫椂鐢?claimTile 琛ラ綈锛岄伩鍏?tiles 鍚?undefined锛? var isGang=acts.indexOf('gang')>=0; var cnt=isGang?3:2; // 浠栦汉纰?鏉狅細鎵嬬墝鏄庣粏鏈煡锛屼粎缁存姢鏁伴噺锛堢-2/鏄庢潬-3锛? if(whoS!==myPlayerIndex && tp.handCount>0) tp.handCount-=cnt; var removed=[]; for(var k=0;k<tp.hand.length && removed.length<cnt;k++){ if(tp.hand[k].type===claimTile.type){ removed.push(tp.hand[k]); tp.hand.splice(k,1); k--; } } while(removed.length<cnt) removed.push(claimTile); // 琛ラ綈缂哄け寮犳暟 var meldTiles=removed.concat([claimTile]); tp.melds.push({type:isGang?'mingGang':'peng', tileType:claimTile.type, tiles:meldTiles, fromPlayer:srcPlayer}); tp.justDrawn=null; G.currentPlayer=who; G.lastDiscard=null; G.lastDiscardPlayer=-1; G.phase='idle'; hideActionButtons(); // 纰?鏉犵‘璁ゅ悗娓呯┖鎿嶄綔鏍? MJEffects.play(acts.indexOf('gang')>=0?'gang':'peng', who); showToast(tp.name+' '+(acts.indexOf('gang')>=0?'鏉?:'纰?)+' '+claimTile.name); renderAll(); } if(acts.indexOf('angang')>=0 || acts.indexOf('jiagang')>=0){ var at=tileFromNum(info.combination_target ? parseInt(info.combination_target.substring(1),10) : (info.cut_tile||info.deal_tile||0)); var ah=G.players[who]; // 浠栦汉鏆楁潬/鍔犳潬锛氭墜鐗屾槑缁嗘湭鐭ワ紝浠呯淮鎶ゆ暟閲忥紙鏆楁潬-4/鍔犳潬-1锛? if(whoS!==myPlayerIndex){ ah.handCount=(ah.handCount||0)-(acts.indexOf('angang')>=0?4:1); } var rm=[]; for(var j=0;j<ah.hand.length && rm.length<4;j++){ if(ah.hand[j].numId===at.numId){ rm.push(ah.hand[j]); ah.hand.splice(j,1); j--; } } ah.melds.push({type:acts.indexOf('angang')>=0?'anGang':'jiaGang', tileType:at.type, tiles:rm.length?rm:[at,at,at,at]}); ah.justDrawn=null; G.currentPlayer=who; G.phase='idle'; hideActionButtons(); // 鏆楁潬/鍔犳潬纭鍚庢竻绌烘搷浣滄爮 MJEffects.play('gang', who); showToast(ah.name+(acts.indexOf('angang')>=0?'鏆楁潬':'鍔犳潬')); renderAll(); } if(acts.indexOf('hu_self')>=0){ onHuSelf(who); } return; } if(acts.indexOf('pass')>=0){ hideActionButtons(); return; } } // 鑷懜鑳★細鏄剧ず缁撶畻 function onHuSelf(who){ G.gameOver=true; G.phase='gameOver'; G.lastWinner=who; hideActionButtons(); MJEffects.play('zimo', who); renderAll(); showToast(G.players[who].name+' 鑷懜鑳★紒'); } // show_result锛氭湇鍔″櫒缁撶畻缁撴灉 // 鏈€杩戜竴灞€缁撶畻鏁版嵁锛堜緵"鏌ョ湅鎵嬬墝"灞曞紑锛?var lastResultHands = null; // {playerIndex: {name, tiles:[numId...], melds:[{type:'peng',tiles:[numId]}]}} var resultCountdownTimer = null; // 鏁板瓧鐗孖D 鈫?涓枃鐗屽悕锛堝 11鈫?涓€涓?锛?1鈫?涓?锛?function formatTileName(numId){ try{ var t=tileFromNum(numId); return t && t.name ? t.name : (''+numId); }catch(e){ return ''+numId; } } // 鏁扮粍鐗孖D 鈫?涓枃鐗屽悕涓诧紙绌烘牸鍒嗛殧锛?function formatTiles(arr){ if(!arr||!arr.length) return ''; return arr.map(function(n){ return formatTileName(n); }).join(' '); } // 鏍规嵁鍚庣 combination_mask 娓叉煋鍓湶锛堝凡鏈?melds 鏁版嵁锛岀洿鎺ュ睍绀猴級 function renderMeldsHTML(melds){ if(!melds||!melds.length) return ''; return melds.map(function(m){ var label=''; if(m.type==='peng') label='纰?; else if(m.type==='mingGang') label='鏄庢潬'; else if(m.type==='anGang') label='鏆楁潬'; else if(m.type==='jiaGang') label='鍔犳潬'; else label=m.type||''; return '<div class="meld"><span style="color:#8ab4e8">'+label+'</span> '+formatTiles(m.tiles||[])+'</div>'; }).join(''); } // 淇濆瓨鏈缁撶畻鍚勫鎵嬬墝/鍓湶鏁版嵁锛堜緵鏌ョ湅鎵嬬墝鐢級 function collectResultHands(info){ lastResultHands=[]; var i; if(!G) return; // 鍚庣灞€缁堟憡鐗岋細鎵€鏈夌帺瀹舵墜鐗?{player_index: [numId,...]}锛堣儭鐗?娴佸眬鍧囦笅鍙戯級 var allHands=null; if(info && info.all_player_hands){ allHands={}; for(var k in info.all_player_hands){ // 鏈嶅姟鍣ㄥ骇浣?鈫?瑙嗚搴т綅 var vs=visSeat[parseInt(k,10)]; allHands[vs]=info.all_player_hands[k]; } } for(i=0;i<4;i++){ var p=G.players[i]; var tiles=null; if(allHands && allHands[i]!=null){ // 鎽婄墝锛氱洿鎺ュ彇鍚庣涓嬪彂鐨勫悇瀹舵墜鐗? tiles=allHands[i].slice(); } else if(i===0){ // 鎴戯紙搴曞锛夛細鐪熷疄鎵嬬墝 tiles=(p.hand||[]).map(function(t){ return t.numId; }); } else if(info && info.hu_class==='hu_self' && info.hepai_player_index!=null && visSeat[info.hepai_player_index]===i){ // 鍜岀墝鑰咃細鍚庣涓嬪彂鐨勬墜鐗? tiles=(info.hepai_player_hand||[]).slice(); } else { // 鍏朵粬瀹讹細浠呯墝鑳屾暟閲忥紙鍚庣涓嶄笅鍙戞墜鐗岋級 tiles=null; } lastResultHands[i]={ name:p.name, tiles:tiles, handCount:(p.handCount||0), melds:(p.melds||[]).slice() }; } // 3D 鍦烘櫙鎽婄墝锛氭妸鍚庣涓嬪彂鐨勪粬瀹舵墜鐗屾敞鍏?G.players[瑙嗚搴т綅].hand锛堣浆涓?tile 瀵硅薄锛? // 璺宠繃鐜╁0锛堣嚜宸辩殑鎵嬬墝宸叉湁锛屼笉瑕嗙洊浠ラ伩鍏?UI 灞傞棯鐑侊級 if(allHands){ for(i=1;i<4;i++){ if(allHands[i]!=null){ G.players[i].hand=allHands[i].map(function(n){ return tileFromNum(n); }); } } } return lastResultHands; } // 灞曞紑/鏀惰捣"鏌ョ湅鍚勫鎵嬬墝" // 3D 鍦烘櫙鎽婄墝妯″紡锛氱偣鍑诲悗闅愯棌寮圭獥銆?D 鍦烘櫙浜墝銆佹樉绀烘诞鍔?鏀惰捣"鎸夐挳 function toggleResultHands(){ var body=document.getElementById('handsBody'); var toggle=document.getElementById('handsToggle'); if(!toggle) return; var open=body && body.style.display!=='none'; if(open){ // 鏀惰捣 body.style.display='none'; toggle.textContent='鏌ョ湅鍚勫鎵嬬墝鈻?; if(G){ G.revealMode=false; renderAll(); } var fb=document.getElementById('revealCloseBtn'); if(fb) fb.style.display='none'; } else { // 灞曞紑锛氬垏鎹㈠埌 3D 鍦烘櫙鎽婄墝 if(G){ G.revealMode=true; renderAll(); } // 闅愯棌缁撶畻寮圭獥 document.getElementById('modal').classList.remove('show'); // 鏄剧ず娴姩"鏀惰捣鎵嬬墝"鎸夐挳 var fb=document.getElementById('revealCloseBtn'); if(!fb){ fb=document.createElement('div'); fb.id='revealCloseBtn'; fb.style.cssText='position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:90;background:rgba(20,32,27,0.95);color:#ffd700;border:2px solid #ffd700;border-radius:10px;padding:10px 36px;font-size:16px;cursor:pointer;letter-spacing:3px;font-family:inherit;user-select:none;'; fb.textContent='鏀惰捣鎵嬬墝'; fb.addEventListener('click', function(){ if(G){ G.revealMode=false; renderAll(); } var btn=document.getElementById('revealCloseBtn'); if(btn) btn.style.display='none'; document.getElementById('modal').classList.add('show'); }); document.body.appendChild(fb); } fb.style.display=''; // 鏇存柊 toggle 鐘舵€侊紙涓嬫寮瑰嚭寮圭獥鏃堕粯璁ゆ敹璧凤級 toggle.textContent='鏌ョ湅鍚勫鎵嬬墝鈻?; } } // 娓叉煋鍚勫鎵嬬墝 HTML function renderResultHandsHTML(){ if(!lastResultHands) return '<div style="color:#7a9a7a">鏆傛棤鎵嬬墝鏁版嵁</div>'; var html=''; var keys=[0,1,2,3]; for(var i=0;i<4;i++){ var v=lastResultHands[i]; var label=v.name||('鐜╁'+i); if(i===0) label+='锛堟垜锛?; var tileStr=''; if(v.tiles && v.tiles.length){ tileStr='<span class="tiles">'+v.tiles.map(function(n){ return '<span>'+formatTileName(n)+'</span>'; }).join('')+'</span>'; } else { tileStr='<span style="color:#6a8a7a">鐗岃儗脳'+v.handCount+'锛堟湭鍏紑锛?/span>'; } var meldStr=renderMeldsHTML(v.melds); html+='<div class="hand-row"><b>'+label+'</b>'+tileStr+meldStr+'</div>'; } return html; } // 寮€濮嬩笅灞€鍊掕鏃舵彁绀猴紙璺熼殢鍚庣鑷姩寮€灞€鑺傚锛?function startResultCountdown(seconds){ stopResultCountdown(); var tip=document.getElementById('modalTip'); if(!tip) return; var left=seconds; tip.textContent='涓嬩竴灞€ '+left+' 绉掑悗鑷姩寮€濮?; resultCountdownTimer=setInterval(function(){ left--; if(left<=0){ stopResultCountdown(); tip.textContent='涓嬩竴灞€寮€濮嬧€?; return; } tip.textContent='涓嬩竴灞€ '+left+' 绉掑悗鑷姩寮€濮?; },1000); } function stopResultCountdown(){ if(resultCountdownTimer){ clearInterval(resultCountdownTimer); resultCountdownTimer=null; } } // 灞€缁堢粨绠楀脊绐楋細鏄剧ず"缁х画涓嬩竴灞€"鎸夐挳锛屼汉绫荤帺瀹剁偣鍑诲悗鍙?ready action function setModalBtnContinue(){ var btn=document.getElementById('modalBtn'); if(btn){ btn.style.display=''; btn.disabled=false; btn.textContent='缁х画涓嬩竴灞€'; // 鏇挎崲 onclick锛氬彂 ready action锛堣€岄潪 newRound 鍙?room/start_game锛? btn.onclick=function(){ btn.disabled=true; btn.textContent='绛夊緟鍏朵粬鐜╁鈥?; wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'ready'}); }; } } // 鎺у埗缁撶畻寮圭獥鎸夐挳鏄剧ず锛?灞€鎵撳畬鏈€缁堟帓鍚嶆椂鐢級 function setModalBtnManual(){ var btn=document.getElementById('modalBtn'); if(btn){ btn.style.display=''; btn.disabled=false; btn.textContent='鍐嶆潵涓€灞€'; btn.onclick=newRound; } } function onNetShowResult(info){ if(!info) return; G.gameOver=true; G.phase='gameOver'; hideActionButtons(); renderAll(); var tip=document.getElementById('modalTip'); if(tip) tip.textContent=''; if(info.hu_class==='hu_self' && info.hepai_player_index!=null){ var whoS=info.hepai_player_index; // 鏈嶅姟鍣ㄥ骇浣? var who=visSeat[whoS]; // 瑙嗚搴т綅 var winName=G.players[who].name; var fanArr=info.hu_fan||[]; var score=info.hu_score||0; var detail='<div class="fan">'; fanArr.forEach(function(f){ detail+='<span>'+f+'</span> '; }); detail+='<span style="color:#ffd700;margin-left:8px">鍚堣 '+score+' 鍒?/span>'; detail+='</div>'; // 鍒嗘暟鏄庣粏锛堟寜瑙嗚搴т綅鎺掑簭锛? if(info.player_to_score){ detail+='<div class="score-detail">'; for(var i=0;i<4;i++){ var val=info.player_to_score[visSeat.indexOf(i)]; var mark=(i===who)?'锛堣儭锛?:''; detail+='<div>'+(i===who?'馃弳':'')+G.players[i].name+mark+'锛?span>'+(val!=null?val:'-')+'</span> 鍒?/div>'; } detail+='</div>'; } document.getElementById('modalTitle').textContent=winName+' 鑷懜鑳★紒'; document.getElementById('modalDetail').innerHTML=detail; document.getElementById('modalScores').innerHTML=''; // 鎵嬬墝鏁版嵁锛氬悗绔眬缁堟憡鐗岋紙鎵€鏈夌帺瀹舵墜鐗屽彲瑙侊級 lastResultHands=collectResultHands(info); var handsWrap=document.getElementById('modalHands'); if(handsWrap) handsWrap.style.display=''; // 涓嶈嚜鍔ㄥ睍寮€ HTML 鏂囧瓧鎵嬬墝锛涙敼涓烘敹璧风姸鎬侊紝鐐瑰嚮鍚庤繘鍏?3D 鍦烘櫙鎽婄墝 var body=document.getElementById('handsBody'); var toggle=document.getElementById('handsToggle'); if(body) body.style.display='none'; if(toggle) toggle.textContent='鏌ョ湅鍚勫鎵嬬墝鈻?; // 浜虹被鐜╁鐐?缁х画涓嬩竴灞€"鎸夐挳鎵嶆帹杩涳紙鍙?ready action锛? var tip=document.getElementById('modalTip'); if(tip) tip.textContent='鐐瑰嚮"缁х画涓嬩竴灞€"寮€濮嬩笅涓€灞€'; setModalBtnContinue(); document.getElementById('modal').classList.add('show'); MJEffects.play('zimo', who); } else if(info.hu_class==='liuju'){ showDrawModal(info); } } // 涓€灞€缁撴潫锛堝彲閲嶅紑锛?function onNetGameEnd(info){ G.gameOver=true; G.phase='gameOver'; hideActionButtons(); renderAll(); stopResultCountdown(); // 4灞€鎵撳畬锛氭樉绀烘渶缁堟帓鍚? var pfd=info && info.player_final_data ? info.player_final_data : null; var title='鏈眬缁撴潫'; var detail=''; if(pfd){ title='瀵瑰眬缁撴潫路鏈€缁堟帓鍚?; // player_final_data 閿负鏈嶅姟鍣ㄥ骇浣嶏紝鏄犲皠鍒拌瑙夊骇浣? var rows=[]; for(var i=0;i<4;i++){ var s=visSeat.indexOf(i); // 瑙嗚i 鐨勬湇鍔″櫒搴т綅 var p=pfd[s]; var rank=(p && p.rank!=null)?p.rank:'-'; var score=(p && p.score!=null)?p.score:'-'; var name=(p && p.username)?p.username:G.players[i].name; rows.push({rank:rank, name:name, score:score}); } rows.sort(function(a,b){ return a.rank-b.rank; }); var medals=['馃','馃','馃','4']; detail+='<div class="rank-list">'; rows.forEach(function(r,idx){ detail+='<div class="rank-row"><span class="rank-medal">'+medals[idx]+'</span><span class="rank-name">'+r.name+'</span><span class="rank-score">'+r.score+' 鍒?/span></div>'; }); detail+='</div>'; document.getElementById('modalTitle').textContent=title; document.getElementById('modalDetail').innerHTML=detail; document.getElementById('modalScores').innerHTML=''; var handsWrap=document.getElementById('modalHands'); if(handsWrap) handsWrap.style.display='none'; var tip=document.getElementById('modalTip'); if(tip) tip.textContent='鎴块棿宸茬粨鏉燂紝鍙偣鍑?鍐嶆潵涓€灞€"閲嶆柊寤烘埧鎴栫寮€鎴块棿'; setModalBtnManual(); document.getElementById('modal').classList.add('show'); } else { showToast('鏈眬缁撴潫'); } } // 鍥為€€鍒拌繘鍏ラ〉闈細鍏抽棴杩炴帴銆佹竻鐞嗘埧闂寸姸鎬併€佹仮澶嶉伄缃?function rollbackToLobby(){ wsClosedByUser=true; // 鏍囪涓诲姩鍏抽棴锛岄槻姝?onclose 鑷姩閲嶈繛 if(ws){ try{ ws.close(); }catch(e){} ws=null; } roomId=null; roomInfo=null; amHost=false; netPhase='idle'; hideHUD(); var roomPanel=document.getElementById('roomPanel'); if(roomPanel) roomPanel.style.display='none'; var btn=document.getElementById('lobbyStart'); if(btn){ btn.disabled=false; btn.textContent='杩涘叆娓告垙'; } var progress=document.getElementById('lobbyProgress'); if(progress) progress.style.display='none'; var btnNew=document.getElementById('btnNew'); if(btnNew) btnNew.style.display=''; showLobby(); } // 杩涘叆閬僵锛氭敮鎸佸缓鎴?閫夎ˉbot) 涓?鍔犲叆鎴块棿涓ょ妯″紡锛岀偣銆愯繘鍏ユ父鎴忋€戝悗杩炴帴 // 闅愯棌瀵瑰眬HUD锛堢寮€鎴块棿/鍥炲ぇ鍘呮椂璋冪敤锛?function hideHUD(){ var hud=document.getElementById('hud'); if(hud) hud.style.display='none'; } // 鏄剧ず瀵瑰眬HUD锛堣繘鍏ュ灞€鏃惰皟鐢級 function showHUD(){ var hud=document.getElementById('hud'); if(hud) hud.style.display=''; } function showLobby(){ var lobby=document.getElementById('lobby'); lobby.style.display='flex'; var nameInput=document.getElementById('lobbyName'); var urlInput=document.getElementById('lobbyUrl'); var errBox=document.getElementById('lobbyErr'); var btn=document.getElementById('lobbyStart'); // 璁颁綇涓婃杈撳叆鐨勯厤缃紙localStorage 鎸佷箙鍖栵級 try{ if(localStorage.getItem('mj3d_name')) nameInput.value=localStorage.getItem('mj3d_name'); if(localStorage.getItem('mj3d_url')) urlInput.value=localStorage.getItem('mj3d_url'); }catch(e){} // 楂樼骇璁剧疆鎶樺彔 var advToggle=document.getElementById('lobbyAdvancedToggle'); var urlWrap=document.getElementById('lobbyUrlWrap'); var urlInput=document.getElementById('lobbyUrl'); if(advToggle){ advToggle.onclick=function(){ var open = urlWrap.style.display !== 'none'; urlWrap.style.display = open ? 'none' : ''; advToggle.textContent = open ? '楂樼骇璁剧疆鈻? : '楂樼骇璁剧疆鈻?; }; } // 杩涘害姝ラ鎺у埗锛歴tep=1 杩炴帴鏈嶅姟鍣? 2 鐧诲綍, 3 鍒涘缓鎴块棿, 4 鍑嗗寮€灞€ var progressEl=document.getElementById('lobbyProgress'); setLobbyStep=function(step){ if(!progressEl) return; progressEl.style.display=''; var steps=progressEl.querySelectorAll('.lobby-step'); steps.forEach(function(s){ var n=parseInt(s.getAttribute('data-step'),10); s.classList.remove('active','done'); if(n<step) s.classList.add('done'); else if(n===step) s.classList.add('active'); }); }; // 杩涘叆鏂瑰紡鍒囨崲锛氬缓鎴?/ 鍔犲叆 var modeCreate=document.getElementById('modeCreate'); var modeJoin=document.getElementById('modeJoin'); var botRow=document.getElementById('lobbyBotRow'); var joinRow=document.getElementById('lobbyJoinRow'); var tips=document.getElementById('lobbyTips'); function setMode(mode){ roomMode=mode; modeCreate.classList.toggle('active', mode==='create'); modeJoin.classList.toggle('active', mode==='join'); botRow.style.display = mode==='create' ? '' : 'none'; joinRow.style.display = mode==='join' ? '' : 'none'; tips.textContent = mode==='create' ? '鍒涘缓鎴块棿鍚庯紝鍏朵粬鐪熶汉鍙敤浣犵殑鎴块棿鍙峰姞鍏ワ紱娌″～婊＄殑绌轰綅鐢ㄦ満鍣ㄤ汉琛ラ綈' : '杈撳叆鎴夸富鍒涘缓鐨勬埧闂村彿鍔犲叆锛屽姞鍏ュ悗鐐瑰嚮銆愬噯澶囥€戯紝鎴夸富鍑戞弧 4 浜哄嵆鍙紑灞€'; } modeCreate.onclick=function(){ setMode('create'); }; modeJoin.onclick=function(){ setMode('join'); }; // 寤烘埧琛ヤ綅鏈哄櫒浜烘暟閲忓垏鎹? var botBtns=document.querySelectorAll('#lobbyBotRow .lobby-mode-btn'); botBtns.forEach(function(b){ b.onclick=function(){ roomBotCount=parseInt(b.getAttribute('data-bot'),10); botBtns.forEach(function(x){ x.classList.remove('active'); }); b.classList.add('active'); }; }); btn.onclick=function(){ var name=nameInput.value.trim(); var url=urlInput.value.trim().replace(/\/+$/,''); if(!name){ errBox.textContent='璇疯緭鍏ユ樀绉?; return; } if(!url){ errBox.textContent='璇疯緭鍏ユ湇鍔″櫒鍦板潃'; return; } if(!/^wss?:\/\//.test(url)){ errBox.textContent='鏈嶅姟鍣ㄥ湴鍧€闇€浠?ws:// 鎴?wss:// 寮€澶?; return; } if(roomMode==='join' && !document.getElementById('lobbyRoomId').value.trim()){ errBox.textContent='璇疯緭鍏ヨ鍔犲叆鐨勬埧闂村彿'; return; } errBox.textContent=''; // 淇濆瓨閰嶇疆 try{ localStorage.setItem('mj3d_name', name); localStorage.setItem('mj3d_url', url); }catch(e){} PLAYER_NAME=name; WS_URL=url; btn.disabled=true; btn.textContent='杩炴帴涓€?; if(typeof setLobbyStep==='function') setLobbyStep(1); startGame(); }; } // 鎴块棿绛夊緟鐣岄潰锛氭樉绀烘埧闂村彿銆佺帺瀹跺垪琛紙鐪熶汉/鏈哄櫒浜猴級銆佸噯澶?寮€灞€鎸夐挳 function showRoom(){ var room=document.getElementById('roomPanel'); if(!room){ buildRoomPanel(); room=document.getElementById('roomPanel'); } room.style.display='flex'; // 闅愯棌杩涘叆閬僵锛堥槻姝㈠灞€涓瑙﹀彂锛? var lobby=document.getElementById('lobby'); if(lobby) lobby.style.display='none'; renderRoom(); } // 鎴块棿鐣岄潰鍔ㄦ€佹覆鏌擄紙鐢?refresh_room_info 椹卞姩锛?function renderRoom(){ var room=document.getElementById('roomPanel'); if(!room || !roomInfo) return; var host=(roomInfo.player_list||[])[0]; amHost = (host===myUserId); var info=roomInfo; var listHtml=''; var playerList=info.player_list||[]; var readyList=info.ready_list||[]; var settings=info.player_settings||{}; playerList.forEach(function(uid){ var st=settings[uid]||{}; var name=st.username||('鐢ㄦ埛'+uid); var isBot=uid<=10; var isReady = (uid===host) ? '鎴夸富' : (isBot ? '宸插氨缁? : (readyList.indexOf(uid)>=0 ? '宸插噯澶? : '鏈噯澶?)); listHtml += '<div class="room-p"><span class="room-p-name">'+name+'</span>'+ (isBot?'<span class="room-p-tag bot">鏈哄櫒浜?/span>':'<span class="room-p-tag human">鐪熶汉</span>')+ '<span class="room-p-state '+((isReady==='鎴夸富'||isReady==='宸插噯澶?||isReady==='宸插氨缁?)?'ok':'no')+'">'+isReady+'</span></div>'; }); // 绌轰綅鎻愮ず var n=playerList.length; if(n<4) listHtml+='<div class="room-empty">杩樺樊 '+(4-n)+' 浜猴紙'+ (roomBotCount>0&&amHost ? '鍙ˉ鏈哄櫒浜烘垨绛夊緟鐪熶汉鍔犲叆' : '绛夊緟鐪熶汉鍔犲叆') +'锛?/div>'; var roomIdEl=document.getElementById('roomId'); if(roomIdEl) roomIdEl.textContent='鎴块棿鍙凤細'+roomId; var roomIdHint=document.getElementById('roomIdHint'); if(roomIdHint) roomIdHint.textContent = amHost ? '鎶婅繖涓埧闂村彿鍛婅瘔鏈嬪弸锛岃浠栦滑鍔犲叆' : '绛夊緟鎴夸富寮€灞€鈥?; var listEl=document.getElementById('roomPlayerList'); if(listEl) listEl.innerHTML=listHtml; var isMeInList = playerList.indexOf(myUserId)>=0; var myReady = readyList.indexOf(myUserId)>=0; // 鎴夸富锛氭弧 4 浜鸿嚜鍔ㄥ紑灞€锛屾棤鎵嬪姩寮€灞€鎸夐挳锛堢偣鍑荤敱 checkAndStartIfReady 瑙﹀彂锛夛紝鍙樉绀鸿ˉ鏈哄櫒浜?绂诲紑 // 闈炴埧涓伙細鏄剧ず銆愬噯澶?鍙栨秷鍑嗗銆戜笌銆愮寮€銆? var btnArea=document.getElementById('roomBtnArea'); var html=''; if(amHost){ html+='<button class="lobby-btn" id="roomBtnAddBot" style="margin-bottom:10px">琛ヤ竴涓満鍣ㄤ汉</button>'; html+='<button class="lobby-btn room-btn-gray" id="roomBtnLeave">绂诲紑鎴块棿</button>'; } else { var label = myReady ? '鍙栨秷鍑嗗' : '鍑嗗'; html+='<button class="lobby-btn" id="roomBtnReady" '+(netPhase==='started'?'disabled':'')+'>'+label+'</button>'; html+='<button class="lobby-btn room-btn-gray" id="roomBtnLeave2">绂诲紑鎴块棿</button>'; } btnArea.innerHTML=html; // 缁戝畾鎸夐挳浜嬩欢锛堥噸寤哄悗閲嶆柊缁戝畾锛? var readyBtn=document.getElementById('roomBtnReady'); if(readyBtn) readyBtn.onclick=function(){ wsSetReady(!myReady); }; var hostBtn=document.getElementById('roomBtnAddBot'); if(hostBtn) hostBtn.onclick=function(){ wsAddOneBot(); }; var leave1=document.getElementById('roomBtnLeave'); if(leave1) leave1.onclick=function(){ wsLeaveRoom(); }; var leave2=document.getElementById('roomBtnLeave2'); if(leave2) leave2.onclick=function(){ wsLeaveRoom(); }; } // 鏋勫缓鎴块棿鐣岄潰 DOM锛堥娆¤皟鐢ㄦ椂锛?function buildRoomPanel(){ var room=document.createElement('div'); room.id='roomPanel'; room.style.cssText='position:fixed;top:0;left:0;right:0;bottom:0;z-index:140;display:flex;align-items:center;justify-content:center;background:rgba(8,4,2,0.82);backdrop-filter:blur(2px);'; room.innerHTML='<div class="lobby-box" style="width:380px">'+ '<div class="lobby-title" style="font-size:22px">鎴块棿绛夊緟涓?/div>'+ '<div id="roomId" style="font-size:28px;color:#ffd700;font-weight:bold;letter-spacing:3px;margin:10px 0 6px">鎴块棿鍙?-</div>'+ '<div id="roomIdHint" style="font-size:12px;color:#b8a888;margin-bottom:16px;letter-spacing:1px"></div>'+ '<div id="roomPlayerList" style="text-align:left;margin:10px 0 16px"></div>'+ '<div id="roomBtnArea"></div>'+ '<div class="lobby-err" id="roomErr" style="margin-top:10px"></div>'+ '</div>'; document.body.appendChild(room); } // 鑱旂綉鍚姩锛氳繛鎺ユ湇鍔″櫒鈫?鐧诲綍鈫?寤烘埧(鎴栧姞鍏? 鈫?鎴块棿绛夊緟鈫?寮€灞€ function startGame(){ if(typeof MJAudio!=='undefined') MJAudio.playBGM(); // 鍒濆绌烘闈? G={ round:1, currentPlayer:0, humanPlayerIdx:0, dealerIdx:0, lastWinner:0, wall:[], phase:'connecting', players:[ {name:'鎴?, hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:false}, {name:'宸﹁竟', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true}, {name:'瀵瑰', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true}, {name:'鍙宠竟', hand:[], melds:[], discards:[], score:0, justDrawn:null, isAI:true} ], lastDiscard:null, lastDiscardPlayer:-1, isAfterGang:false, gameOver:false, pengGangCandidates:null, pendingNextPlayer:0 }; renderAll(); wsConnect(); } // 鎺烽鍔ㄧ敾 + 鍙戠墝锛氫袱楠板苟琛屾幏楠帮紝鍔ㄧ敾缁撴潫鍚庢寜鐐规暟璋冪敤 dealTilesFromWall function rollDiceAndDeal(deck, dealerIdx){ G.phase='rolling'; var d1=Math.floor(Math.random()*6)+1; var d2=Math.floor(Math.random()*6)+1; showToast('鎺烽涓€?); // 涓ら骞惰鎺烽 var p1=dice3D1 ? dice3D1.roll(d1) : Promise.resolve(d1); var p2=dice3D2 ? dice3D2.roll(d2) : Promise.resolve(d2); Promise.all([p1, p2]).then(function(results){ var dice1=results[0], dice2=results[1]; var diceSum=dice1+dice2; var minDice=Math.min(dice1, dice2); showToast('楠板瓙: '+dice1+' + '+dice2+' = '+diceSum); // 鐢ㄩ瀛愮偣鏁颁粠鐗屽鍙戠墝 var result=dealTilesFromWall(deck, dice1, dice2); G.wall=result.wall; G.players.forEach(function(p, idx){ p.hand=result.hands[idx].slice(); p.melds=[]; p.discards=[]; p.justDrawn=null; }); // 搴勫澶氭懜涓€寮? var extra=G.wall.shift(); G.players[dealerIdx].hand.push(extra); G.players[dealerIdx].justDrawn=extra; G.currentPlayer=dealerIdx; G.phase='discard'; renderAll(); showToast(G.players[dealerIdx].name+' 鍋氬簞锛堥瀛?'+dice1+'+'+dice2+'='+diceSum+'锛岃烦 '+minDice*2+' 寮狅級'); if(G.players[dealerIdx].isAI){ trayTimer.start(10, function(){ aiDiscard(); }); setTimeout(aiTurn, 1200); } else showActionButtons(); }); } /* ================================================================ * 鎽哥墝 / 鍑虹墝 * ================================================================ */ function drawTile(){ if(G.wall.length===0){ endGameDraw(); return null; } var tile=G.wall.shift(); G.players[G.currentPlayer].hand.push(tile); G.players[G.currentPlayer].justDrawn=tile; // 鎽哥墝鐗屽悕鎾姤 if(typeof MJAudio!=='undefined' && G.players[G.currentPlayer].isAI===false){ MJAudio.playTileVoice(tile.type); } return tile; } function drawGangTile(){ if(G.wall.length===0){ endGameDraw(); return null; } var tile=G.wall.pop(); G.players[G.currentPlayer].hand.push(tile); G.players[G.currentPlayer].justDrawn=tile; G.isAfterGang=true; // 鏉犲悗琛ョ墝鐗屽悕鎾姤锛堢帺瀹舵湰浜烘懜鐗屾椂锛? if(typeof MJAudio!=='undefined' && G.players[G.currentPlayer].isAI===false){ MJAudio.playTileVoice(tile.type); } return tile; } function discardTile(playerIdx, tileId){ trayTimer.stop(); var player=G.players[playerIdx]; var idx=-1; for(var i=0;i<player.hand.length;i++){ if(player.hand[i].id===tileId){ idx=i; break; } } if(idx===-1) return false; var tile=player.hand.splice(idx,1)[0]; player.discards.push(tile); player.justDrawn=null; G.lastDiscard=tile; G.lastDiscardPlayer=playerIdx; G.isAfterGang=false; hideActionButtons(); // 鍑虹墝鐐瑰嚮闊虫晥 + 鐗屽悕鎾姤 if(typeof MJAudio!=='undefined'){ MJAudio.playSFX('click'); MJAudio.playTileVoice(tile.type); } renderAll(); // 閫嗘椂閽堟鏌ョ/鏉狅紙涓嬪浼樺厛锛歰ffset 3鈫?锛? var candidates=[]; for(var offset=3; offset>=1; offset--){ var pIdx=(playerIdx+offset)%4; var canP=canPeng(G.players[pIdx].hand, tile.type); var canG=canMingGang(G.players[pIdx].hand, tile.type); if(canP||canG) candidates.push({playerIdx:pIdx, canPeng:canP, canGang:canG}); } if(candidates.length===0){ G.currentPlayer=(playerIdx+3)%4; G.phase='discard'; nextTurn(); return true; } G.phase='awaitPengGang'; G.pengGangCandidates=candidates; G.pendingNextPlayer=(playerIdx+3)%4; processPengGang(); return true; } /* ================================================================ * 纰?鏉犺鍐? * ================================================================ */ function processPengGang(){ var candidates=G.pengGangCandidates||[]; if(candidates.length===0){ G.currentPlayer=G.pendingNextPlayer; G.phase='discard'; G.pengGangCandidates=null; nextTurn(); return; } var actor=null; // 鏉犱紭鍏堬紙鎸夊骇浣嶅簭锛? for(var i=0;i<candidates.length;i++){ if(candidates[i].canGang){ var pIdx=candidates[i].playerIdx; if(G.players[pIdx].isAI){ if(aiDecideGang(G.players[pIdx].hand, G.players[pIdx].melds, 'mingGang', G.lastDiscard.type)){ actor=pIdx; break; } } else { actor=pIdx; break; } } } if(actor===null){ for(var j=0;j<candidates.length;j++){ if(candidates[j].canPeng){ var p2=candidates[j].playerIdx; if(G.players[p2].isAI){ if(aiDecidePeng(G.players[p2].hand, G.players[p2].melds, G.lastDiscard)){ actor=p2; break; } } else { actor=p2; break; } } } } if(actor!==null){ if(G.players[actor].isAI){ var c=null; for(var k=0;k<candidates.length;k++) if(candidates[k].playerIdx===actor){ c=candidates[k]; break; } if(c && c.canGang) executeMingGang(actor); else executePeng(actor); } else { G.currentPlayer=actor; G.phase='awaitPengGang'; showActionButtons(); renderAll(); } return; } G.currentPlayer=G.pendingNextPlayer; G.phase='discard'; G.pengGangCandidates=null; nextTurn(); } function executePeng(playerIdx){ var player=G.players[playerIdx]; var tile=G.lastDiscard, tileType=tile.type; var removed=[], newHand=[]; player.hand.forEach(function(t){ if(t.type===tileType && removed.length<2) removed.push(t); else newHand.push(t); }); player.hand=newHand; player.melds.push({type:'peng', tileType:tileType, tiles:removed.concat([tile]), fromPlayer:G.lastDiscardPlayer}); if(G.lastDiscardPlayer>=0){ var d=G.players[G.lastDiscardPlayer].discards; if(d.length && d[d.length-1].id===tile.id) d.pop(); } G.currentPlayer=playerIdx; G.phase='discard'; G.lastDiscard=null; G.pengGangCandidates=null; player.justDrawn=null; showToast(player.name+' 纰?'+tile.name); MJEffects.play('peng', playerIdx); renderAll(); if(player.isAI){ trayTimer.start(10, function(){ aiDiscard(); }); setTimeout(aiTurn, 900); } else showActionButtons(); } function executeMingGang(playerIdx){ var player=G.players[playerIdx]; var tile=G.lastDiscard, tileType=tile.type; var removed=[], newHand=[]; player.hand.forEach(function(t){ if(t.type===tileType && removed.length<3) removed.push(t); else newHand.push(t); }); player.hand=newHand; player.melds.push({type:'mingGang', tileType:tileType, tiles:removed.concat([tile]), fromPlayer:G.lastDiscardPlayer}); if(G.lastDiscardPlayer>=0){ var d=G.players[G.lastDiscardPlayer].discards; if(d.length && d[d.length-1].id===tile.id) d.pop(); } G.currentPlayer=playerIdx; G.phase='discard'; G.lastDiscard=null; G.pengGangCandidates=null; player.justDrawn=null; showToast(player.name+' 鏉?'+tile.name); MJEffects.play('gang', playerIdx); renderAll(); afterGangDraw(playerIdx); } function executeAnGang(playerIdx, tileType){ var player=G.players[playerIdx]; var removed=[], newHand=[]; player.hand.forEach(function(t){ if(t.type===tileType && removed.length<4) removed.push(t); else newHand.push(t); }); player.hand=newHand; player.melds.push({type:'anGang', tileType:tileType, tiles:removed}); player.justDrawn=null; showToast(player.name+' 鏆楁潬'); MJEffects.play('gang', playerIdx); renderAll(); afterGangDraw(playerIdx); } function canJiaGang(p){ if(!p.justDrawn) return false; for(var i=0;i<p.melds.length;i++){ if(p.melds[i].type==='peng' && p.melds[i].tileType===p.justDrawn.type) return true; } return false; } function doJiaGang(){ trayTimer.stop(); var player=G.players[G.currentPlayer]; var drawnTile=player.justDrawn; if(!drawnTile) return; var meldIdx=-1; for(var i=0;i<player.melds.length;i++){ if(player.melds[i].type==='peng' && player.melds[i].tileType===drawnTile.type){ meldIdx=i; break; } } if(meldIdx===-1) return; var tIdx=player.hand.indexOf(drawnTile); if(tIdx>=0) player.hand.splice(tIdx,1); player.melds[meldIdx].type='jiaGang'; player.melds[meldIdx].tiles.push(drawnTile); player.justDrawn=null; showToast(player.name+' 鍔犳潬 '+drawnTile.name); MJEffects.play('gang', G.currentPlayer); renderAll(); afterGangDraw(G.currentPlayer); } /* ================================================================ * 鏉犲悗琛ョ墝 * ================================================================ */ function afterGangDraw(playerIdx){ var tile=drawGangTile(); if(!tile) return; var player=G.players[playerIdx]; renderAll(); var winResult=checkWin(player.hand); if(winResult.win){ if(player.isAI){ doWinTurn(playerIdx, true); return; } G.phase='humanAction'; showActionButtons(); return; } if(player.isAI){ trayTimer.start(10, function(){ aiDiscard(); }); setTimeout(aiDiscard, 800); } else showActionButtons(); } /* ================================================================ * 涓嬩竴鍥炲悎锛堜笅瀹舵懜鐗岋級 * ================================================================ */ function nextTurn(){ if(G.gameOver) return; var tile=drawTile(); if(!tile) return; var player=G.players[G.currentPlayer]; G.phase='discard'; renderAll(); if(player.isAI){ trayTimer.start(10, function(){ aiDiscard(); }); setTimeout(aiTurn, 1000); } else { showActionButtons(); } } /* ================================================================ * AI 鍥炲悎 * ================================================================ */ function aiTurn(){ if(G.gameOver || !G) return; var player=G.players[G.currentPlayer]; if(!player.isAI) return; // 浠呭垰鎽歌繃鐗屾椂鎵嶆鏌ヨ嚜鎽?鏆楁潬锛堢鏉犲悗涓嶇畻锛? if(player.justDrawn){ var winResult=checkWin(player.hand); if(winResult.win){ doWinTurn(G.currentPlayer, G.isAfterGang); return; } var gangTypes=canAnGang(player.hand); for(var i=0;i<gangTypes.length;i++){ if(aiDecideGang(player.hand, player.melds, 'anGang', gangTypes[i])){ (function(tp){ setTimeout(function(){ executeAnGang(G.currentPlayer, tp); }, 500); })(gangTypes[i]); return; } } } aiDiscard(); } function aiDiscard(){ if(G.gameOver || !G) return; var player=G.players[G.currentPlayer]; if(!player.isAI) return; var tile=aiChooseDiscard(player.hand, player.melds); if(!tile && player.hand.length>0) tile=player.hand[0]; if(!tile) return; discardTile(G.currentPlayer, tile.id); } /* ================================================================ * 鑳＄墝 / 娴佸眬 * ================================================================ */ function doWinTurn(playerIdx, isAfterGang){ trayTimer.stop(); trayTimer.hideLED(); var player=G.players[playerIdx]; var winTile=player.justDrawn; var isLastTile=(G.wall.length===0); var result=calculateFan(player.hand, player.melds, winTile, isLastTile, isAfterGang); var points=Math.pow(2, result.totalFan-1); for(var i=0;i<4;i++){ if(i!==playerIdx) G.players[i].score-=points; } G.players[playerIdx].score+=points*3; G.gameOver=true; G.phase='gameOver'; G.lastWinner=playerIdx; hideActionButtons(); MJEffects.play('zimo', playerIdx); renderAll(); showWinModal(player, result, points); } function doWin(){ trayTimer.stop(); doWinTurn(G.currentPlayer, G.isAfterGang); } function doAnGang(tileType){ trayTimer.stop(); var player=G.players[0]; if(!tileType){ var gangTypes=canAnGang(player.hand); if(!gangTypes.length) return; tileType=gangTypes[0]; } executeAnGang(0, tileType); } function doPeng(){ trayTimer.stop(); executePeng(0); } function doMingGang(){ trayTimer.stop(); executeMingGang(0); } function doPass(){ trayTimer.stop(); G.pengGangCandidates=(G.pengGangCandidates||[]).filter(function(c){ return c.playerIdx!==0; }); hideActionButtons(); MJEffects.play('guo', 0); processPengGang(); } function endGameDraw(){ trayTimer.stop(); trayTimer.hideLED(); if(!G) return; G.gameOver=true; G.phase='gameOver'; hideActionButtons(); renderAll(); showDrawModal(); } function newRound(){ if(!G) return; trayTimer.stop(); document.getElementById('modal').classList.remove('show'); hideActionButtons(); // 鏀惰捣 3D 鎽婄墝妯″紡 G.revealMode=false; var rfb=document.getElementById('revealCloseBtn'); if(rfb) rfb.style.display='none'; // 鑱旂綉妯″紡锛氳姹傛湇鍔″櫒閲嶅紑涓€灞€锛堟埧闂村唴鎵€鏈夌帺瀹剁户缁級 if(roomId!=null && ws && ws.readyState===1){ showToast('璇锋眰閲嶅紑涓€灞€鈥?); wsSend({type:'room/start_game', room_id:roomId}); return; } // 鍏滃簳锛氱函鏈湴閲嶅紑锛堜笉搴旇蛋鍒帮紝浠呬繚鐣欙級 if(typeof MJAudio!=='undefined') MJAudio.playBGM(); G.round++; G.gameOver=false; G.phase='rolling'; G.isAfterGang=false; G.lastDiscard=null; G.lastDiscardPlayer=-1; G.dealerIdx=G.lastWinner; var deck=shuffleDeck(buildTileDeck()); rollDiceAndDeal(deck, G.dealerIdx); } /* ================================================================ * UI锛欻UD / 鎸夐挳 / 寮圭獥 * ================================================================ */ function updateHUD(){ if(!G) return; document.getElementById('roundNum').textContent=G.round; document.getElementById('wallLeft').textContent='鐗屽 '+G.wall.length+'寮?; var txt=''; if(G.phase==='gameOver') txt='鏈眬缁撴潫'; else if(G.phase==='awaitPengGang') txt=(G.players[G.currentPlayer]||{name:'璇烽€夋嫨'}).name+' 閫夋嫨纰?鏉?杩?; else if(G.phase==='awaitAction') txt='璇烽€夋嫨纰?鏉?杩?; else if(G.phase==='humanAction') txt='璇烽€夋嫨鎿嶄綔'; else if(G.phase==='connecting') txt='杩炴帴鏈嶅姟鍣ㄢ€?; else txt=((G.players[G.currentPlayer]||{name:'绛夊緟'}).name)+' 鍥炲悎'; document.getElementById('turnText').textContent=txt; for(var i=0;i<4;i++){ var el=document.getElementById('score'+i); el.textContent=G.players[i].name+' '+G.players[i].score; el.classList.toggle('active', i===G.currentPlayer && !G.gameOver); el.classList.toggle('dealer', i===G.dealerIdx); } } var toastTimer=null; function showToast(msg, duration){ var el=document.getElementById('toast'); el.textContent=msg; el.classList.add('show'); if(toastTimer) clearTimeout(toastTimer); toastTimer=setTimeout(function(){ el.classList.remove('show'); }, duration||1600); } function mkBtn(label, cls, cb){ var b=document.createElement('button'); b.className='action-btn'+(cls?' '+cls:''); b.textContent=label; b.addEventListener('click', cb); // 鍑虹幇闊虫晥锛堝榻愬師鐗堬細鎸夐挳鍑虹幇鏃舵挱鏀炬彁绀洪煶锛? if(typeof MJAudio!=='undefined') MJAudio.playSFX('select'); return b; } // 鎿嶄綔鎸夐挳锛氳仈缃戞ā寮忓畬鍏ㄧ敱鏈嶅姟鍣?ask_hand/ask_other 娑堟伅椹卞姩锛屾湰鍑芥暟浠呬负鍏滃簳 function showActionButtons(){ trayTimer.stop(); var bar=document.getElementById('actionBar'); bar.innerHTML=''; if(G.gameOver){ bar.classList.remove('show'); trayTimer.hideLED(); return; } if(G.phase==='awaitAction' || G.phase==='awaitPengGang'){ var cand=null; (G.pengGangCandidates||[]).forEach(function(c){ if(c.playerIdx===0) cand=c; }); if(cand){ if(cand.canGang) bar.appendChild(mkBtn('鏉?,'primary',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'gang'}); })); if(cand.canPeng) bar.appendChild(mkBtn('纰?,'',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'peng'}); })); bar.appendChild(mkBtn('杩?,'gray',function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'pass'}); })); } } else if(G.currentPlayer===0 && G.phase==='discard'){ var p=G.players[0]; // 鑳?鏆楁潬/鍔犳潬鎸夐挳锛氱敱鏈嶅姟鍣?action_list 鍐冲畾锛坥nNetAskHand 宸茬洿鎺ユ瀯寤猴級锛屾澶勫厹搴曞彧缁?鍑虹墝" bar.appendChild(mkBtn('鍑虹墝','',function(){ autoCutLast(); })); } if(bar.children.length) bar.classList.add('show'); else bar.classList.remove('show'); startTurnCountdown(); } function hideActionButtons(){ trayTimer.stop(); var bar=document.getElementById('actionBar'); bar.innerHTML=''; bar.classList.remove('show'); } // 鍊掕鏃讹細鑱旂綉妯″紡浠呬綔瑙嗚鎻愮ず锛岃秴鏃朵笉鑷姩鍑虹墝锛堢瓑寰呮湇鍔″櫒鎺ㄩ€侊級 function startTurnCountdown(){ if(!G || G.gameOver){ trayTimer.hideLED(); return; } if(G.phase==='awaitAction' && G.currentPlayer===0){ // 浜虹被閫夋嫨纰?鏉?杩囷細瓒呮椂鑷姩杩? trayTimer.start(10, function(){ wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'pass'}); }); } else if(G.phase==='humanAction'){ // 鏉犲悗鍙€夋嫨鑳★細瓒呮椂鑷姩鍑烘渶鍙充竴寮? trayTimer.start(10, function(){ var p=G.players[0]; if(p.hand.length>0) clientCut(p.hand[p.hand.length-1]); }); } else if(G.phase==='discard'){ if(G.currentPlayer===0){ // 浜虹被鍑虹墝锛氳秴鏃惰嚜鍔ㄥ嚭鏈€鍙充竴寮? trayTimer.start(10, function(){ var p=G.players[0]; if(p.hand.length>0) autoDiscardRight(); }); } else { // 浠栧鍥炲悎锛氱函瑙嗚鍊掕鏃讹紙涓嶉┍鍔ㄥ嚭鐗岋級 trayTimer.start(10, function(){ trayTimer.hideLED(); }); } } } function showWinModal(player, result, points){ document.getElementById('modalTitle').textContent=player.name+' 鑷懜鑳★紒'; var html='<div>'; result.fans.forEach(function(f){ html+='<span>'+f.name+'</span> <span>'+f.fan+'鐣?/span>銆€'; }); html+='</div><div style="margin-top:8px;">鎬荤暘鏁?<span>'+result.totalFan+'</span> 路姣忓浠?<span>'+points+'</span> 鍒?/div>'; document.getElementById('modalDetail').innerHTML=html; var scores=''; for(var i=0;i<4;i++) scores+='<div>'+G.players[i].name+'锛?span>'+G.players[i].score+'</span></div>'; document.getElementById('modalScores').innerHTML=scores; document.getElementById('modal').classList.add('show'); } function showDrawModal(info){ document.getElementById('modalTitle').textContent='娴佸眬'; var detail='<div>鐗屽鎽稿畬锛屾棤浜鸿儭鐗?/div>'; // 鍒嗘暟鏄庣粏 var scores=''; for(var i=0;i<4;i++) scores+='<div>'+G.players[i].name+'锛?span>'+G.players[i].score+'</span> 鍒?/div>'; document.getElementById('modalDetail').innerHTML=detail; document.getElementById('modalScores').innerHTML=scores; // 鎵嬬墝锛氬悗绔眬缁堟憡鐗岋紙娴佸眬涔熶笅鍙戞墍鏈夌帺瀹舵墜鐗岋級 lastResultHands=collectResultHands(info||null); var handsWrap=document.getElementById('modalHands'); if(handsWrap) handsWrap.style.display=''; // 涓嶈嚜鍔ㄥ睍寮€ HTML 鏂囧瓧鎵嬬墝锛涙敼涓烘敹璧风姸鎬侊紝鐐瑰嚮鍚庤繘鍏?3D 鍦烘櫙鎽婄墝 var body=document.getElementById('handsBody'); var toggle=document.getElementById('handsToggle'); if(body) body.style.display='none'; if(toggle) toggle.textContent='鏌ョ湅鍚勫鎵嬬墝鈻?; // 浜虹被鐜╁鐐?缁х画涓嬩竴灞€"鎸夐挳鎵嶆帹杩涳紙鍙?ready action锛? var tip=document.getElementById('modalTip'); if(tip) tip.textContent='鐐瑰嚮"缁х画涓嬩竴灞€"寮€濮嬩笅涓€灞€'; setModalBtnContinue(); document.getElementById('modal').classList.add('show'); } /* ================================================================ * 鐐瑰嚮鎷惧彇锛堜汉绫诲嚭鐗岋級 * ================================================================ */ function onPick(e){ hoverHandTileId=null; // 鐐瑰嚮鍚庢竻闄?hover锛堝垏鎹㈣疆娆℃椂 renderUIHand 涓嶄細璇敤鏃?id锛? if(!G || G.gameOver) return; if(G.phase!=='discard' && G.phase!=='humanAction') return; if(G.currentPlayer!==0) return; // 瑙嗚搴т綅 0 = 鎴? if(e.pointerType==='mouse' && e.button!==0) return; if(controls && controls.enableRotate && (Math.abs(pointerDownX-e.clientX)>5 || Math.abs(pointerDownY-e.clientY)>5)) return; var canvas=document.getElementById('canvas3d'); var rect=canvas.getBoundingClientRect(); pointer.x=((e.clientX-rect.left)/rect.width)*2-1; pointer.y=-((e.clientY-rect.top)/rect.height)*2+1; var tileObj=null; // 搴曞鎵嬬墝宸茬Щ鑷?2D UI 鍙犲姞灞傦紙鏂规A锛夛紝鐢ㄩ€忚鐩告満鎷惧彇 if(uiCamera && uiGroup){ raycaster.setFromCamera(pointer, uiCamera); var uiHits=raycaster.intersectObjects(uiGroup.children, false); for(var ui=0; ui<uiHits.length; ui++){ if(uiHits[ui].object.userData.zone==='uiHand' && uiHits[ui].object.userData.tileId){ tileObj=findHandTile(0, uiHits[ui].object.userData.tileId); if(tileObj){ clientCut(tileObj); return; } } } } // 鍏滃簳锛?D 鍦烘櫙鎵嬬墝锛堟甯告儏鍐典笅 3D 搴曠墝宸茬Щ闄わ級 raycaster.setFromCamera(pointer, camera); var meshes=tileGroup.children.filter(function(m){ return m.userData.zone==='hand' && m.userData.player===0; }); var hits=raycaster.intersectObjects(meshes, false); if(hits.length){ var tileId=hits[0].object.userData.tileId; tileObj=findHandTile(0, tileId); if(tileObj) clientCut(tileObj); } } // 鎸夊鎴风 id 鏌ユ壘鐜╁鎵嬬墝涓殑鐗屽璞?function findHandTile(pid, tileId){ var h=G.players[pid].hand; for(var i=0;i<h.length;i++) if(h[i].id===tileId) return h[i]; return null; } /* ================================================================ * 娓叉煋寰幆 / 鍚姩 * ================================================================ */ // 灏?3D 鍦烘櫙涓栫晫鍧愭爣鐐归€氳繃涓荤浉鏈烘姇褰卞埌灞忓箷鍍忕礌鍧愭爣锛圕SS 鍍忕礌锛屽師鐐瑰乏涓婏級 function worldToScreenMain(x, y, z){ if(!camera) return {px:0, py:0}; var v=new THREE.Vector3(x, y, z); v.project(camera); return { px: (v.x*0.5+0.5) * window.innerWidth, py: (-v.y*0.5+0.5) * window.innerHeight }; } // 灏?UI 涓栫晫鍧愭爣鐐规姇褰卞埌灞忓箷鍍忕礌鍧愭爣锛圕SS 鍍忕礌锛屽師鐐瑰乏涓婏級 function worldToScreen(x, y, z){ var v=new THREE.Vector3(x, y, z); v.project(uiCamera); return { px: (v.x*0.5+0.5) * window.innerWidth, py: (-v.y*0.5+0.5) * window.innerHeight }; } // 璁＄畻 UI 鎵嬬墝+鍓湶鍖哄湪灞忓箷涓婂崰鎹殑鍍忕礌鍖哄煙锛堢敤浜?scissor 瑁佸壀锛?// 閬嶅巻 uiGroup 鎵€鏈?mesh 鐨勫疄闄?3D 鍖呭洿鐩掞紝8 瑙掔偣鎶曞奖鍒板睆骞曞彇骞堕泦 // 姣斿叕寮忎及绠楁洿鍑嗙‘锛岃嚜鍔ㄩ€傚簲浠绘剰瑙掑害/缂╂斁/鐗屾暟鍙樺寲 function getUIScreenRect(){ if(!uiCamera || !uiGroup) return null; var box=new THREE.Box3().setFromObject(uiGroup); if(box.isEmpty()) return null; var corners=[ new THREE.Vector3(box.min.x, box.min.y, box.min.z), new THREE.Vector3(box.max.x, box.min.y, box.min.z), new THREE.Vector3(box.min.x, box.max.y, box.min.z), new THREE.Vector3(box.max.x, box.max.y, box.min.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z) ]; var minX=Infinity, maxX=-Infinity, minY=Infinity, maxY=-Infinity; for(var i=0; i<8; i++){ var sp=worldToScreen(corners[i].x, corners[i].y, corners[i].z); if(sp.px<minX) minX=sp.px; if(sp.px>maxX) maxX=sp.px; if(sp.py<minY) minY=sp.py; if(sp.py>maxY) maxY=sp.py; } var pad=6; var xCSS=Math.max(0, minX-pad); var wCSS=Math.min(window.innerWidth-xCSS, (maxX-minX)+pad*2); var yCSS=Math.max(0, minY-pad); var hCSS=Math.min(window.innerHeight-yCSS, (maxY-minY)+pad*2); var yGL=window.innerHeight-yCSS-hCSS; // OpenGL 鍧愭爣 Y 杞寸炕杞? return { x:xCSS, y:yGL, w:wCSS, h:hCSS }; } function animate(){ requestAnimationFrame(animate); if(controls) controls.update(); if(dice3D1) dice3D1.update(); if(dice3D2) dice3D2.update(); // 鏈€鏂板純鐗屾寚绀虹澶翠笂涓嬫诞鍔?+ 鍛煎惛鑴夊姩 if(discardHintArrow){ var t=performance.now()*0.003; discardHintArrow.position.y=discardHintArrow.userData.baseY + Math.sin(t)*HINT_ARROW_BOB; // 鍛煎惛鏁堟灉锛歰pacity 鍦?0.55~0.95 涔嬮棿鑴夊姩 var pulse=0.75 + Math.sin(t*1.3)*0.2; discardHintArrow.traverse(function(child){ if(child.material) child.material.opacity=pulse; }); } if(renderer){ renderer.render(scene, camera); if(uiScene && uiCamera){ var rect=getUIScreenRect(); if(rect){ renderer.autoClear=false; renderer.clearDepth(); var ctx=renderer.getContext(); var pr=renderer.getPixelRatio(); ctx.enable(ctx.SCISSOR_TEST); ctx.scissor(rect.x*pr, rect.y*pr, rect.w*pr, rect.h*pr); renderer.render(uiScene, uiCamera); ctx.disable(ctx.SCISSOR_TEST); renderer.autoClear=true; } } } } async function init(){ if(typeof MJAudio!=='undefined') MJAudio.init(); initRenderer(); await initMaterial(); initUILayer(); document.getElementById('loading').style.display='none'; // 鍒濆鍖栧畬鎴愶細鏄剧ず杩涘叆閬僵锛岀瓑寰呯敤鎴风偣鍑汇€愬紑濮嬫父鎴忋€戝啀杩炴帴鏈嶅姟鍣? showLobby(); } window.addEventListener('load', init); // 鐢ㄦ埛棣栨浜や簰鍚庤В閿侀煶棰戞挱鏀撅紙娴忚鍣ㄨ嚜鍔ㄦ挱鏀剧瓥鐣ワ級 function onFirstInteraction(){ if(typeof MJAudio!=='undefined'){ MJAudio.unlockAudio(); MJAudio.playBGM(); } document.removeEventListener('click', onFirstInteraction); document.removeEventListener('keydown', onFirstInteraction); } document.addEventListener('click', onFirstInteraction); document.addEventListener('keydown', onFirstInteraction); // 闈欓煶鎸夐挳 document.getElementById('btnMute').addEventListener('click', function(){ if(typeof MJAudio==='undefined') return; var m = !MJAudio.isMuted(); MJAudio.setMuted(m); this.textContent = m ? '馃攪' : '馃攰'; if(!m) MJAudio.playBGM(); }); document.getElementById('btnNew').addEventListener('click', newRound); // modalBtn 鐨?click handler 鐢?setModalBtnContinue/setModalBtnManual 鍔ㄦ€佽缃?document.getElementById('modalBtn').onclick=newRound; document.getElementById('modalLeave').addEventListener('click', function(){ stopResultCountdown(); document.getElementById('modal').classList.remove('show'); wsLeaveRoom(); }); // 瀵瑰眬涓€€鍑烘寜閽紙鍙充笂瑙掞級 document.getElementById('btnQuitGame').addEventListener('click', function(){ if(confirm('纭畾閫€鍑烘湰灞€瀵瑰眬鍚楋紵閫€鍑哄悗鍏朵粬鐜╁浼氱湅鍒颁綘宸叉帀绾裤€?)){ wsLeaveRoom(); } }); document.getElementById('handsToggle').addEventListener('click', toggleResultHands); document.getElementById('btnResetView').addEventListener('click', function(){ if(!camera) return; camera.position.set(0.13, 13.44, 10.80); camera.lookAt(0,0,0); if(controls){ controls.target.set(0,0,0); controls.update(); } }); // 鎸塒閿墦鍗板綋鍓嶇浉鏈哄弬鏁板苟鑷姩澶嶅埗鍒板壀璐存澘+寮圭獥鏄剧ず document.addEventListener('keydown', function(e){ if(e.key==='p' || e.key==='P'){ if(!camera) return; var p=camera.position; var t=controls?controls.target:{x:0,y:0,z:0}; var pitch=Math.atan2(p.y, Math.sqrt(p.x*p.x+p.z*p.z))*180/Math.PI; var yaw=Math.atan2(p.x, p.z)*180/Math.PI; var paramStr=p.x.toFixed(2)+', '+p.y.toFixed(2)+', '+p.z.toFixed(2); var msg='camera.position.set('+paramStr+');\n' +' // 淇='+pitch.toFixed(1)+'掳姘村钩瑙?'+yaw.toFixed(1)+'掳\n' +' // target=('+t.x.toFixed(2)+', '+t.y.toFixed(2)+', '+t.z.toFixed(2)+')'; console.log(msg); // 鑷姩澶嶅埗鍒板壀璐存澘 try{ navigator.clipboard.writeText(paramStr); }catch(err){ // 闄嶇骇鏂规锛氱敤 textarea var ta=document.createElement('textarea'); ta.value=paramStr; ta.style.position='fixed'; ta.style.opacity='0'; document.body.appendChild(ta); ta.select(); try{ document.execCommand('copy'); }catch(e2){} document.body.removeChild(ta); } // 椤甸潰涓ぎ寮圭獥鏄剧ず鍙傛暟 var box=document.getElementById('cameraParamBox'); if(!box){ box=document.createElement('div'); box.id='cameraParamBox'; box.style.cssText='position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(20,25,35,0.95);color:#7fffaa;border:2px solid #3a6;border-radius:8px;padding:16px 24px;font-size:14px;font-family:monospace;z-index:9999;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.5)'; document.body.appendChild(box); } box.innerHTML='<div style="font-size:12px;color:#aaa;margin-bottom:6px">鐩告満鍙傛暟宸插鍒跺埌鍓创鏉匡紙Ctrl+V 绮樿创锛?/div>' +'<div style="font-size:16px;color:#7fffaa">camera.position.set('+paramStr+');</div>' +'<div style="font-size:12px;color:#888;margin-top:6px">淇='+pitch.toFixed(1)+'掳姘村钩瑙?'+yaw.toFixed(1)+'掳</div>'; box.style.display='block'; clearTimeout(box._timer); box._timer=setTimeout(function(){ box.style.display='none'; }, 5000); } }); // ================================================================ // 鍙抽敭蹇嵎鎿嶄綔锛堝榻愬師鐗?Unity 浜や簰锛?// - 楦ｇ墝璇㈤棶锛堢/鏉?杩囷級锛氬彸閿?= 杩?// - 鍑虹墝闃舵锛堣疆鍒版垜锛夛細鍙抽敭 = 鎽稿垏锛堝嚭鏈€鍙充竴寮狅級 // ================================================================ document.addEventListener('contextmenu', function(e){ if(!G || G.gameOver || !netPhase) return; // 鍑虹墝闃舵锛氬彸閿?= 鎽稿垏 if(G.currentPlayer===0 && G.phase==='discard'){ e.preventDefault(); if(!myCutPending){ if(typeof MJAudio!=='undefined') MJAudio.playSFX('clickSoft'); autoDiscardRight(); } return; } // 楦ｇ墝璇㈤棶锛氬彸閿?= 杩? if(G.phase==='awaitAction' || G.phase==='awaitPengGang'){ e.preventDefault(); if(typeof MJAudio!=='undefined') MJAudio.playSFX('clickSoft'); wsSend({type:'gamestate/GB/send_action', gamestate_id:gamestateId, action:'pass'}); return; } }); </script> </body> </html>