${game.metadata.description}
- @@ -1084,7 +1176,6 @@ class AdventureReader extends Module { _setupEventListeners() { // Control buttons document.getElementById('restart-btn').addEventListener('click', () => this._restart()); - document.getElementById('continue-btn').addEventListener('click', () => this._closeModal()); // Exit button const exitButton = document.getElementById('exit-adventure'); @@ -1199,7 +1290,7 @@ class AdventureReader extends Module { y: position.y, defeated: false, moveDirection: Math.random() * Math.PI * 2, - speed: 0.6 + Math.random() * 0.6, + speed: 1.2 + Math.random() * 1.2, // 2x faster (was 0.6 + 0.6) pattern: pattern, patrolStartX: position.x, patrolStartY: position.y, @@ -1209,7 +1300,8 @@ class AdventureReader extends Module { circleAngle: Math.random() * Math.PI * 2, changeDirectionTimer: 0, dashCooldown: 0, - isDashing: false + isDashing: false, + dashDuration: 0 }; } @@ -1257,7 +1349,7 @@ class AdventureReader extends Module { const position = this._getDecorationPosition(mapWidth, mapHeight, 60); tree.style.left = position.x + 'px'; tree.style.top = position.y + 'px'; - tree.style.fontSize = (25 + Math.random() * 15) + 'px'; + tree.style.fontSize = ((25 + Math.random() * 15) / 1.66) + 'px'; // Reduced by 1.66 gameMap.appendChild(tree); } @@ -1273,7 +1365,7 @@ class AdventureReader extends Module { const position = this._getDecorationPosition(mapWidth, mapHeight, 30); grass.style.left = position.x + 'px'; grass.style.top = position.y + 'px'; - grass.style.fontSize = (15 + Math.random() * 8) + 'px'; + grass.style.fontSize = ((15 + Math.random() * 8) / 1.66) + 'px'; // Reduced by 1.66 gameMap.appendChild(grass); } @@ -1288,7 +1380,7 @@ class AdventureReader extends Module { const position = this._getDecorationPosition(mapWidth, mapHeight, 40); rock.style.left = position.x + 'px'; rock.style.top = position.y + 'px'; - rock.style.fontSize = (20 + Math.random() * 10) + 'px'; + rock.style.fontSize = ((20 + Math.random() * 10) / 1.66) + 'px'; // Reduced by 1.66 gameMap.appendChild(rock); } @@ -1334,6 +1426,8 @@ class AdventureReader extends Module { _startGameLoop() { const animate = () => { + if (this._isDestroyed) return; // Stop animation if game is destroyed + if (!this._isGamePaused) { this._moveEnemies(); } @@ -1344,6 +1438,8 @@ class AdventureReader extends Module { _moveEnemies() { const gameMap = document.getElementById('game-map'); + if (!gameMap) return; // Exit if game map doesn't exist + const mapRect = gameMap.getBoundingClientRect(); const mapWidth = mapRect.width; const mapHeight = mapRect.height; @@ -1366,6 +1462,15 @@ class AdventureReader extends Module { enemy.element.style.left = enemy.x + 'px'; enemy.element.style.top = enemy.y + 'px'; + // Add red shadow effect during dash + if (enemy.isDashing) { + enemy.element.style.filter = 'drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)) drop-shadow(0 0 20px rgba(255, 0, 0, 0.5))'; + enemy.element.style.transform = 'scale(1.1)'; // Slightly larger during dash + } else { + enemy.element.style.filter = ''; + enemy.element.style.transform = ''; + } + this._checkPlayerEnemyCollision(enemy); }); } @@ -1401,10 +1506,43 @@ class AdventureReader extends Module { this._player.y - enemy.y, this._player.x - enemy.x ); - enemy.moveDirection = angleToPlayer + (Math.random() - 0.5) * 0.3; + const distanceToPlayer = Math.sqrt( + Math.pow(this._player.x - enemy.x, 2) + Math.pow(this._player.y - enemy.y, 2) + ); - enemy.x += Math.cos(enemy.moveDirection) * (enemy.speed * 0.8); - enemy.y += Math.sin(enemy.moveDirection) * (enemy.speed * 0.8); + // Decrease dash cooldown + if (enemy.dashCooldown > 0) { + enemy.dashCooldown--; + } + + // Trigger dash if close enough and cooldown is ready + if (!enemy.isDashing && enemy.dashCooldown <= 0 && distanceToPlayer < 300 && distanceToPlayer > 80) { + enemy.isDashing = true; + enemy.dashDuration = 30; // 30 frames of dash + enemy.dashCooldown = 120; // 120 frames cooldown (~2 seconds) + + // Choose perpendicular direction (90° or -90° randomly) + const perpendicularOffset = Math.random() < 0.5 ? Math.PI / 2 : -Math.PI / 2; + enemy.dashAngle = angleToPlayer + perpendicularOffset; + } + + // Handle dashing (perpendicular to player direction - evasive maneuver) + if (enemy.isDashing) { + // Use stored dash angle (perpendicular to player at dash start) + enemy.moveDirection = enemy.dashAngle; + enemy.x += Math.cos(enemy.dashAngle) * (enemy.speed * 3.5); // 3.5x speed during dash + enemy.y += Math.sin(enemy.dashAngle) * (enemy.speed * 3.5); + + enemy.dashDuration--; + if (enemy.dashDuration <= 0) { + enemy.isDashing = false; + } + } else { + // Normal chase movement + enemy.moveDirection = angleToPlayer + (Math.random() - 0.5) * 0.3; + enemy.x += Math.cos(enemy.moveDirection) * (enemy.speed * 0.8); + enemy.y += Math.sin(enemy.moveDirection) * (enemy.speed * 0.8); + } break; case 'wander': @@ -1629,11 +1767,25 @@ class AdventureReader extends Module { modal.style.display = 'flex'; modal.classList.add('show'); + // Calculate reading time based on text length and TTS + const textLength = sentence.original_language.length; + // Average reading speed: ~5 chars/second at 0.8 rate + // Add base delay of 800ms (600ms initial + 200ms buffer) + const ttsDelay = 600; // Initial delay before TTS starts + const readingTime = (textLength / 5) * 1000; // Characters to milliseconds + const bufferTime = 500; // Extra buffer after TTS ends + const totalTime = ttsDelay + readingTime + bufferTime; + if (this._config.autoPlayTTS && this._config.ttsEnabled) { setTimeout(() => { this._speakText(sentence.original_language, { rate: 0.8 }); - }, 600); + }, ttsDelay); } + + // Auto-close modal after TTS completes + setTimeout(() => { + this._closeModal(); + }, totalTime); } _closeModal() { @@ -1642,6 +1794,9 @@ class AdventureReader extends Module { setTimeout(() => { modal.style.display = 'none'; this._isGamePaused = false; + + // Grant 1 second invulnerability after closing reading modal + this._grantPostReadingInvulnerability(); }, 300); this._checkGameComplete(); @@ -1705,7 +1860,8 @@ class AdventureReader extends Module { } _checkPlayerEnemyCollision(enemy) { - if (this._isPlayerInvulnerable || enemy.defeated) return; + // Skip collision check during pause (reading), invulnerability, or defeated enemy + if (this._isGamePaused || this._isPlayerInvulnerable || enemy.defeated) return; const distance = Math.sqrt( Math.pow(this._player.x - enemy.x, 2) + Math.pow(this._player.y - enemy.y, 2) @@ -1729,6 +1885,7 @@ class AdventureReader extends Module { this._isPlayerInvulnerable = true; const playerElement = document.getElementById('player'); + // Blinking animation (visual only) let blinkCount = 0; const blinkInterval = setInterval(() => { playerElement.style.opacity = playerElement.style.opacity === '0.3' ? '1' : '0.3'; @@ -1738,10 +1895,14 @@ class AdventureReader extends Module { clearInterval(blinkInterval); playerElement.style.opacity = '1'; playerElement.style.filter = 'drop-shadow(2px 2px 4px rgba(0,0,0,0.3))'; - this._isPlayerInvulnerable = false; } }, 250); + // Actual invulnerability duration (independent of blink animation) + this._invulnerabilityTimeout = setTimeout(() => { + this._isPlayerInvulnerable = false; + }, 2000); // 2 seconds of actual invulnerability + this._showDamagePopup(); } @@ -1763,6 +1924,23 @@ class AdventureReader extends Module { this._showInvulnerabilityPopup(); } + _grantPostReadingInvulnerability() { + this._isPlayerInvulnerable = true; + const playerElement = document.getElementById('player'); + + if (this._invulnerabilityTimeout) { + clearTimeout(this._invulnerabilityTimeout); + } + + // Brief blue glow to indicate post-reading protection + playerElement.style.filter = 'drop-shadow(0 0 10px rgba(100, 150, 255, 0.8)) brightness(1.2)'; + + this._invulnerabilityTimeout = setTimeout(() => { + playerElement.style.filter = 'drop-shadow(2px 2px 4px rgba(0,0,0,0.3))'; + this._isPlayerInvulnerable = false; + }, 1000); // 1 second protection + } + _refreshAttackInvulnerability() { if (this._invulnerabilityTimeout) { clearTimeout(this._invulnerabilityTimeout); diff --git a/src/games/FillTheBlank.js b/src/games/FillTheBlank.js index 976c6e3..326dcc9 100644 --- a/src/games/FillTheBlank.js +++ b/src/games/FillTheBlank.js @@ -521,12 +521,12 @@ class FillTheBlank extends Module { const points = 10 * blanks.length; this._score += points; this._showFeedback(`🎉 Perfect! +${points} points`, 'success'); - this._speakWord(blanks[0].answer); // Pronounce first blank word - setTimeout(() => { + // Read the complete sentence + this._speakSentence(this._currentExercise.original, () => { this._currentIndex++; this._loadNextExercise(); - }, 1500); + }); } else { this._errors++; if (correctCount > 0) { @@ -574,42 +574,106 @@ class FillTheBlank extends Module { input.classList.add('revealed'); }); - this._showFeedback('📖 Answers revealed! Next exercise...', 'info'); + this._showFeedback('📖 Answers revealed!', 'info'); - setTimeout(() => { + // Read the complete sentence before moving on + this._speakSentence(this._currentExercise.original, () => { this._currentIndex++; this._loadNextExercise(); - }, 2000); + }); } - _speakWord(word) { - if (!window.speechSynthesis || !word) return; + async _speakSentence(sentence, callback) { + if (!window.speechSynthesis || !sentence) { + if (callback) setTimeout(callback, 1500); + return; + } try { window.speechSynthesis.cancel(); - const utterance = new SpeechSynthesisUtterance(word); - utterance.lang = 'en-US'; - utterance.rate = 0.9; + // For predefined exercises, replace underscores with actual answers + let textToSpeak = sentence; + if (this._currentExercise && this._currentExercise.type === 'predefined') { + // Replace each _______ with the correct answer + this._currentExercise.blanks.forEach(blank => { + textToSpeak = textToSpeak.replace('_______', blank.answer); + }); + } + + const utterance = new SpeechSynthesisUtterance(textToSpeak); + const targetLanguage = this._content?.language || 'en-US'; + utterance.lang = targetLanguage; + utterance.rate = 0.8; utterance.pitch = 1.0; utterance.volume = 1.0; - const voices = window.speechSynthesis.getVoices(); + const voices = await this._getVoices(); + const langPrefix = targetLanguage.split('-')[0]; const preferredVoice = voices.find(v => - v.lang.startsWith('en') && - (v.name.includes('Google') || v.name.includes('Neural') || v.name.includes('Microsoft')) - ); + v.lang.startsWith(langPrefix) && v.default + ) || voices.find(v => v.lang.startsWith(langPrefix)); if (preferredVoice) { utterance.voice = preferredVoice; + console.log(`🔊 Using voice: ${preferredVoice.name} (${preferredVoice.lang})`); + } else { + console.warn(`🔊 No voice found for: ${targetLanguage}, available:`, voices.map(v => v.lang)); } + // Call callback when speech ends + utterance.onend = () => { + if (callback) { + setTimeout(callback, 500); // Small delay after speech + } + }; + + utterance.onerror = () => { + console.warn('Speech synthesis error'); + if (callback) setTimeout(callback, 1500); + }; + window.speechSynthesis.speak(utterance); } catch (error) { console.warn('Speech synthesis failed:', error); + if (callback) setTimeout(callback, 1500); } } + /** + * Get available speech synthesis voices, waiting for them to load if necessary + * @returns {Promise${word.translation}
` : ''} ${word.definition ? `${word.definition}
` : ''} ${word.example ? `"${word.example}"
` : ''}