حزّر فزّر بالمصري

جاري التحميل...

🎉 انتهت اللعبة! 🎉

opponentDiv.style.position = 'relative'; opponentDiv.appendChild(indicator); } topZone.appendChild(opponentDiv); }); } // Render play area function renderPlayArea() { const targetDisplay = document.getElementById('target-card-display'); const targetText = document.getElementById('target-text'); const sentenceCards = document.getElementById('sentence-cards'); // Show target only if player is describer if (gameState.currentDescriberIndex === 0 && gameState.currentState === GAME_STATES.DESCRIBING) { targetDisplay.classList.remove('hidden'); targetText.textContent = gameState.currentTarget.text; } else { targetDisplay.classList.add('hidden'); } // Render sentence cards sentenceCards.innerHTML = ''; if (gameState.sentenceCards.length === 0) { const emptyMsg = document.createElement('div'); emptyMsg.className = 'empty-message'; emptyMsg.textContent = 'استنى الواصف يرتب الجملة...'; sentenceCards.appendChild(emptyMsg); } else { gameState.sentenceCards.forEach(card => { const cardEl = createCardElement(card, false); cardEl.classList.add('in-sentence'); sentenceCards.appendChild(cardEl); }); } } // Render player hand function renderPlayerHand() { const handLabel = document.getElementById('hand-label'); const playerHand = document.getElementById('player-hand'); const player = gameState.players[0]; playerHand.innerHTML = ''; // Only show hand if player is describer in describing phase if (gameState.currentDescriberIndex === 0 && gameState.currentState === GAME_STATES.DESCRIBING) { handLabel.classList.remove('hidden'); playerHand.classList.remove('hidden'); player.hand.forEach(card => { const cardEl = createCardElement(card, true); // Check if selected if (gameState.selectedCards.find(c => c.id === card.id)) { cardEl.classList.add('selected'); } cardEl.onclick = () => { toggleCardSelection(card); }; playerHand.appendChild(cardEl); }); } else { handLabel.classList.add('hidden'); playerHand.classList.add('hidden'); } } // Create card element function createCardElement(card, interactive) { const cardDiv = document.createElement('div'); cardDiv.className = 'card'; if (!interactive) { cardDiv.style.cursor = 'default'; } // Card border const borderImg = document.createElement('img'); borderImg.className = 'card-border'; const borderAsset = getAsset('card_border_word'); if (borderAsset) { borderImg.src = borderAsset.url; } // Card content const content = document.createElement('div'); content.className = 'card-content'; const text = document.createElement('div'); text.className = 'card-text'; text.textContent = card.text; content.appendChild(text); // Type icon const iconImg = document.createElement('img'); iconImg.className = 'card-type-icon'; let iconId = 'icon_noun'; if (card.type === 'verb') iconId = 'icon_verb'; if (card.type === 'adjective') iconId = 'icon_adjective'; const iconAsset = getAsset(iconId); if (iconAsset) { iconImg.src = iconAsset.url; } content.appendChild(iconImg); cardDiv.appendChild(borderImg); cardDiv.appendChild(content); return cardDiv; } // Toggle card selection function toggleCardSelection(card) { const index = gameState.selectedCards.findIndex(c => c.id === card.id); if (index >= 0) { // Deselect gameState.selectedCards.splice(index, 1); playSound('sound_card_select'); } else { // Select (max 5) if (gameState.selectedCards.length < 5) { gameState.selectedCards.push(card); playSound('sound_card_select'); } } render(); } // Render controls function renderControls() { const turnIndicator = document.getElementById('turn-indicator'); const scoreDisplay = document.getElementById('player-score-display'); const arrangeButton = document.getElementById('arrange-button'); const guessButton = document.getElementById('guess-button'); const player = gameState.players[0]; const describer = gameState.players[gameState.currentDescriberIndex]; // Score display scoreDisplay.textContent = `نقاطك: ${player.score}`; // Turn indicator if (gameState.currentState === GAME_STATES.DESCRIBING) { if (gameState.currentDescriberIndex === 0) { turnIndicator.textContent = 'دورك! اختار من 3 لـ 5 كروت ورتبهم'; } else { turnIndicator.textContent = `${describer.name} بيرتب الجملة...`; } } else if (gameState.currentState === GAME_STATES.GUESSING) { const nextGuesser = findNextGuesser(); if (nextGuesser === 0) { turnIndicator.textContent = 'دورك تحزّر!'; } else if (nextGuesser >= 0) { turnIndicator.textContent = `${gameState.players[nextGuesser].name} بيحزّر...`; } else { turnIndicator.textContent = 'جاري الكشف عن الإجابة...'; } } // Arrange button (only for player as describer) if (gameState.currentDescriberIndex === 0 && gameState.currentState === GAME_STATES.DESCRIBING) { arrangeButton.classList.remove('hidden'); arrangeButton.disabled = gameState.selectedCards.length < 3; } else { arrangeButton.classList.add('hidden'); } // Guess button (only for player as guesser) if (gameState.currentState === GAME_STATES.GUESSING && findNextGuesser() === 0) { guessButton.classList.remove('hidden'); } else { guessButton.classList.add('hidden'); } } // Setup event listeners function setupEventListeners() { // Arrange button document.getElementById('arrange-button').onclick = () => { if (gameState.selectedCards.length >= 3) { gameState.sentenceCards = [...gameState.selectedCards]; gameState.selectedCards = []; playSound('sound_card_place'); gameState.currentState = GAME_STATES.GUESSING; render(); startGuessing(); } }; // Guess button document.getElementById('guess-button').onclick = () => { const modal = document.getElementById('guess-modal'); const input = document.getElementById('guess-input'); input.value = ''; modal.classList.add('active'); input.focus(); }; // Submit guess document.getElementById('submit-guess').onclick = () => { const input = document.getElementById('guess-input'); const guess = input.value.trim(); if (guess) { document.getElementById('guess-modal').classList.remove('active'); submitGuess(guess); } }; // Cancel guess document.getElementById('cancel-guess').onclick = () => { document.getElementById('guess-modal').classList.remove('active'); }; // Enter key in guess input document.getElementById('guess-input').onkeypress = (e) => { if (e.key === 'Enter') { document.getElementById('submit-guess').click(); } }; } // Preload assets async function preloadAssets() { const imageIds = [ 'game_background', 'player_avatar_1', 'player_avatar_2', 'player_avatar_3', 'card_border_word', 'card_border_target', 'decorative_tea_glass', 'icon_noun', 'icon_verb', 'icon_adjective' ]; const audioIds = [ 'sound_card_select', 'sound_card_place', 'sound_correct_guess', 'sound_wrong_guess', 'sound_round_start', 'sound_game_win', 'background_music' ]; try { // Load images await Promise.all(imageIds.map(id => loadImage(id))); // Load audio await Promise.all(audioIds.map(id => loadAudio(id))); return true; } catch (error) { lib.log('Error loading assets: ' + error.message); return false; } } // Main run function async function run(mode) { lib.log('run() called. Mode: ' + mode); // Initialize audio context audioContext = new (window.AudioContext || window.webkitAudioContext)(); // Show loading screen document.getElementById('loading-screen').classList.remove('hidden'); document.getElementById('game-container').classList.add('hidden'); // Preload assets const assetsLoaded = await preloadAssets(); if (!assetsLoaded) { document.getElementById('loading-screen').querySelector('.loading-text').textContent = 'خطأ في تحميل الملفات'; return; } // Hide loading screen document.getElementById('loading-screen').classList.add('hidden'); document.getElementById('game-container').classList.remove('hidden'); // Set background const bgAsset = getAsset('game_background'); if (bgAsset) { document.getElementById('background').src = bgAsset.url; } if (mode === 'edit') { // Edit mode - show game parameters lib.showGameParameters({ name: 'إعدادات اللعبة', params: { 'النقاط المطلوبة للفوز': { key: 'gameConfig.targetScore', type: 'slider', min: 10, max: 25, step: 5, onChange: (value) => { window.gameConfig.targetScore = value; } }, 'عدد اللاعبين الآليين': { key: 'gameConfig.aiOpponents', type: 'slider', min: 1, max: 3, step: 1, onChange: (value) => { window.gameConfig.aiOpponents = value; } }, 'صعوبة اللاعبين الآليين': { key: 'gameConfig.aiDifficulty', type: 'dropdown', options: [ {label: 'سهل', value: 'easy'}, {label: 'متوسط', value: 'medium'}, {label: 'صعب', value: 'hard'} ], onChange: (value) => { window.gameConfig.aiDifficulty = value; } } } }); // Show a message in edit mode document.getElementById('turn-indicator').textContent = 'وضع التعديل - اضبط الإعدادات من القائمة'; document.getElementById('play-area').innerHTML = '

اضغط "Play" لبدء اللعبة

'; } else { // Play mode - start game setupEventListeners(); initializeGame(); playBackgroundMusic(); render(); } } // Expose run function window.run = run;

حزّر فزّر بالمصري - Free Online Game on Astrocade