// ═══════════════════════════════════════════════════ // avatars.js — 10 avatares do jogo // ═══════════════════════════════════════════════════ const AVATARS = [ { id: 'ninja', emoji: '🥷', name: 'Ninja Sombra', color: '#1e293b', accentColor: '#6366f1', description: 'Silencioso e letal — nenhuma mosca lhe escapa!' }, { id: 'viking', emoji: '🪖', name: 'Viking Trovão', color: '#7c3aed', accentColor: '#a78bfa', description: 'A força bruta ao serviço da caça!' }, { id: 'scientist', emoji: '🧪', name: 'Cientista Louco', color: '#0891b2', accentColor: '#22d3ee', description: 'Usa a ciência para eliminar pragas!' }, { id: 'wizard', emoji: '🧙', name: 'Mago Elétrico', color: '#7e22ce', accentColor: '#c084fc', description: 'Feitiços elétricos para caçar moscas!' }, { id: 'robot', emoji: '🤖', name: 'Robô Caçador', color: '#0f766e', accentColor: '#2dd4bf', description: 'Precisão máquina para cada golpe!' }, { id: 'pirate', emoji: '🏴‍☠️', name: 'Pirata do Ar', color: '#92400e', accentColor: '#fbbf24', description: 'Varre os mares do ar à cata de moscas!' }, { id: 'superhero', emoji: '🦸', name: 'Super Herói', color: '#dc2626', accentColor: '#fca5a5', description: 'A força de um super-herói na raquete!' }, { id: 'samurai', emoji: '⛩️', name: 'Samurai Relâmpago', color: '#b45309', accentColor: '#fcd34d', description: 'Honra e velocidade em cada golpe!' }, { id: 'astronaut', emoji: '👨‍🚀', name: 'Astronauta Z', color: '#1d4ed8', accentColor: '#60a5fa', description: 'Até no espaço as moscas não escapam!' }, { id: 'detective', emoji: '🕵️', name: 'Detetive Mosca', color: '#374151', accentColor: '#9ca3af', description: 'Encontra as moscas onde elas estiverem!' } ]; window.AVATARS = AVATARS; ; // ═══════════════════════════════════════════════════ // audio.js — Engine de Som Web Audio API (Sintetizado Ultra-Realista) // ═══════════════════════════════════════════════════ const GameAudio = (() => { let ctx = null; let masterGain = null; let flyGain = null; let filter = null; let muted = false; let isPlaying = false; let _currentFlies = 0; let _hasBooted = false; // Osciladores e moduladores let baseOsc = null; let subOsc = null; let fmOsc = null; // LFO para modulation espacial let amOsc = null; // LFO para wings flap // ── Inicializar contexto ──────────────────────────── function _boot() { if (ctx && ctx.state !== 'suspended') return true; if (!ctx) { try { ctx = new (window.AudioContext || window.webkitAudioContext)(); } catch (e) { console.warn('Web Audio não suportado:', e); return false; } masterGain = ctx.createGain(); masterGain.gain.value = muted ? 0 : 1; masterGain.connect(ctx.destination); flyGain = ctx.createGain(); flyGain.gain.value = 0; filter = ctx.createBiquadFilter(); filter.type = 'lowpass'; filter.frequency.value = 1800; flyGain.connect(filter); filter.connect(masterGain); } if (ctx.state === 'suspended') { ctx.resume().catch(() => {}); } // Wake-up hack for modern browsers/safari if (!_hasBooted) { const initOsc = ctx.createOscillator(); initOsc.connect(ctx.destination); initOsc.start(0); initOsc.stop(0.001); _hasBooted = true; } return true; } // ── Iniciar buzz ──────────────────────────────────── function startBuzz(flyCount) { if (!_boot()) return; _currentFlies = flyCount || 1; if (isPlaying) { _updateVolume(); return; } isPlaying = true; // 1. Oscilador Base - O som fundamental da asa baseOsc = ctx.createOscillator(); baseOsc.type = 'sawtooth'; baseOsc.frequency.value = 180; // freq típica de mosquito/mosca gorda // 2. Sub-Oscilador - Corpo do som subOsc = ctx.createOscillator(); subOsc.type = 'triangle'; subOsc.frequency.value = 180; // 3. LFO de FM (Frequency Modulation) - simula o "voo aos esses" e efeito doppler fmOsc = ctx.createOscillator(); fmOsc.type = 'sine'; fmOsc.frequency.value = 3; // Lento, 3Hz const fmGain = ctx.createGain(); fmGain.gain.value = 8; // Varia a afinação base em ±8 Hz fmOsc.connect(fmGain); fmGain.connect(baseOsc.frequency); fmGain.connect(subOsc.frequency); // 4. LFO de AM (Amplitude Modulation) - flutua a amplitude para simular o bater das asas amOsc = ctx.createOscillator(); amOsc.type = 'sine'; amOsc.frequency.value = 50; // Bater de asas rápido // Misturador dos osciladores audíveis const mixGain = ctx.createGain(); mixGain.gain.value = 0.6; // Volume base estabilizado // Escalar o efeito LFO do amOsc const amScaler = ctx.createGain(); amScaler.gain.value = 0.4; // Variará o ganho entre 0.2 e 1.0 amOsc.connect(amScaler); amScaler.connect(mixGain.gain); // Ligar osciladores ao mixGain baseOsc.connect(mixGain); subOsc.connect(mixGain); mixGain.connect(flyGain); // Ligar tudo baseOsc.start(); subOsc.start(); fmOsc.start(); amOsc.start(); _updateVolume(); } // ── Parar buzz ────────────────────────────────────── function stopBuzz() { if (!isPlaying) return; isPlaying = false; if (flyGain) { flyGain.gain.setTargetAtTime(0, ctx.currentTime, 0.1); } setTimeout(() => { try { if (baseOsc) { baseOsc.stop(); baseOsc.disconnect(); } if (subOsc) { subOsc.stop(); subOsc.disconnect(); } if (fmOsc) { fmOsc.stop(); fmOsc.disconnect(); } if (amOsc) { amOsc.stop(); amOsc.disconnect(); } } catch (_) {} baseOsc = null; subOsc = null; fmOsc = null; amOsc = null; }, 200); } // ── Atualizar volume/pitch por nº de moscas ───────── function updateFlyCount(count) { _currentFlies = count; if (isPlaying) _updateVolume(); } function _updateVolume() { if (!flyGain || muted) return; // Nenhuma viva = sem som imediato if (_currentFlies <= 0) { flyGain.gain.setTargetAtTime(0, ctx.currentTime, 0.2); return; } // Volume aumenta suavemente com n.º de moscas const vol = Math.min(0.5, 0.15 + 0.03 * _currentFlies); flyGain.gain.setTargetAtTime(vol, ctx.currentTime, 0.2); // Aumenta ligeiramente a intensidade e rapidez do zumbido com mais moscas const targetFreq = 180 + Math.min(60, _currentFlies * 3.0); if (baseOsc) baseOsc.frequency.setTargetAtTime(targetFreq, ctx.currentTime, 0.2); if (subOsc) subOsc.frequency.setTargetAtTime(targetFreq, ctx.currentTime, 0.2); if (amOsc) amOsc.frequency.setTargetAtTime(targetFreq + 10, ctx.currentTime, 0.2); // Fica mais "ruidoso" if (fmOsc) fmOsc.frequency.setTargetAtTime(3 + (_currentFlies * 0.2), ctx.currentTime, 0.2); if (filter) { filter.frequency.setTargetAtTime(1200 + _currentFlies * 100, ctx.currentTime, 0.2); } } // ── Hit (Faísca Elétrica) ─────────────────────────── function playHit() { if (!_boot()) return; const osc = ctx.createOscillator(); const g = ctx.createGain(); // Som clássico de ZAP elétrico: decaimento de pitch MUITO rápido + onda quadrada osc.type = 'square'; osc.frequency.setValueAtTime(800, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(50, ctx.currentTime + 0.1); g.gain.setValueAtTime(0.5, ctx.currentTime); g.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.1); osc.connect(g); g.connect(masterGain); osc.start(); osc.stop(ctx.currentTime + 0.15); } // ── Mute / Unmute ─────────────────────────────────── function toggleMute() { muted = !muted; if (masterGain) { // Usar a mesma rampa suave de fade in/out do mute masterGain.gain.setTargetAtTime(muted ? 0 : 1, ctx.currentTime, 0.1); } // Para atualizar instantaneamente mesmo em pausa ou arrancar mudo if (masterGain && ctx.state === 'suspended') { masterGain.gain.value = muted ? 0 : 1; } return muted; } return { startBuzz, stopBuzz, updateFlyCount, playHit, toggleMute }; })(); window.GameAudio = GameAudio; ; // ═══════════════════════════════════════════════════ // ui.js — Interface, Home Screen, HUD, Efeitos // ═══════════════════════════════════════════════════ const UI = (() => { // ── Estado UI ────────────────────────────────────── let selectedAvatarId = null; let playerName = ''; let gameMode = 'hunter'; // 'hunter' ou 'prey' let scores = []; let savedPlayers = []; // [{name, avatarId}] // ── Elementos DOM ────────────────────────────────── const el = { screens: { home: document.getElementById('screen-home'), game: document.getElementById('screen-game'), level: document.getElementById('screen-level'), gameover: document.getElementById('screen-gameover'), pause: document.getElementById('screen-pause'), win: document.getElementById('screen-win'), }, playerName: document.getElementById('player-name'), playersPills: document.getElementById('players-pills'), avatarsGrid: document.getElementById('avatars-grid'), btnStart: document.getElementById('btn-start'), scoresList: document.getElementById('scores-list'), scoresPanel: document.getElementById('scores-panel'), // HUD hudPlayerName: document.getElementById('hud-player-name'), hudAvatar: document.getElementById('hud-avatar'), hudScore: document.getElementById('hud-score'), hudLevel: document.getElementById('hud-level'), hudTimer: document.getElementById('hud-timer'), hudFliesAlive: document.getElementById('hud-flies-alive'), hudFliesTotal: document.getElementById('hud-flies-total'), hudKilled: document.getElementById('hud-killed'), hudRescued: document.getElementById('hud-rescued'), timerRingProg: document.getElementById('timer-ring-prog'), btnPause: document.getElementById('btn-pause'), btnMute: document.getElementById('btn-mute'), racketCursor: document.getElementById('racket-cursor'), // Level & Gameover levelTitle: document.getElementById('level-title'), levelStats: document.getElementById('level-stats'), nextLevelNum: document.getElementById('next-level-num'), nextLevelInfo:document.getElementById('next-level-info'), btnNextLevel: document.getElementById('btn-next-level'), gameoverStats: document.getElementById('gameover-stats'), btnRetry: document.getElementById('btn-retry'), btnHome: document.getElementById('btn-home'), btnResume: document.getElementById('btn-resume'), btnQuit: document.getElementById('btn-quit'), winStats: document.getElementById('win-stats'), btnWinHome: document.getElementById('btn-win-home'), // Scores Modal Elements btnShowScores: document.getElementById('btn-show-scores'), btnCloseScores: document.getElementById('btn-close-scores'), scoresModal: document.getElementById('scores-modal'), // Game Mode modeOptions: document.querySelectorAll('.game-mode-option'), gameInfoStrip: document.getElementById('game-info-strip'), }; const TIMER_CIRCUMFERENCE = 213.6; // 2 * π * 34 // ── Init ─────────────────────────────────────────── function init() { _loadScores(); _loadPlayers(); _buildAvatars(); _buildParticles(); _hookEvents(); _renderScores(); _renderPlayerPills(); showScreen('home'); } // ── Partículas do fundo ──────────────────────────── function _buildParticles() { const container = document.getElementById('home-particles'); for (let i = 0; i < 35; i++) { const p = document.createElement('div'); p.className = 'particle'; const size = Math.random() * 6 + 2; const colors = ['#00d4ff','#7c3aed','#10b981','#84cc16','#f59e0b']; p.style.cssText = ` left: ${Math.random() * 100}%; top: ${Math.random() * 100}%; width: ${size}px; height: ${size}px; background: ${colors[Math.floor(Math.random() * colors.length)]}; animation-duration: ${Math.random() * 15 + 8}s; animation-delay: ${Math.random() * 10}s; `; container.appendChild(p); } } // ── Avatares ─────────────────────────────────────── function _buildAvatars() { el.avatarsGrid.innerHTML = ''; AVATARS.forEach(av => { const btn = document.createElement('button'); btn.className = 'avatar-option'; btn.id = `av-${av.id}`; btn.style.setProperty('--av-color', av.accentColor); btn.setAttribute('aria-label', av.name); btn.innerHTML = ` ${av.emoji} `; btn.addEventListener('click', () => _selectAvatar(av.id)); el.avatarsGrid.appendChild(btn); }); } function _selectAvatar(id) { selectedAvatarId = id; // Remove selected de todos el.avatarsGrid.querySelectorAll('.avatar-option').forEach(b => { b.classList.remove('selected'); const chk = b.querySelector('.check-badge'); if (chk) chk.remove(); }); // Marca o selecionado const btn = document.getElementById(`av-${id}`); btn.classList.add('selected'); const chk = document.createElement('div'); chk.className = 'check-badge'; chk.textContent = '✓'; btn.appendChild(chk); _updateStartButton(); } // ── Eventos ──────────────────────────────────────── function _hookEvents() { // Mode Selecor el.modeOptions.forEach(opt => { opt.addEventListener('click', () => { el.modeOptions.forEach(o => o.classList.remove('active')); opt.classList.add('active'); gameMode = opt.dataset.mode; _updateGameInfoDisplay(); }); }); el.playerName.addEventListener('input', () => { playerName = el.playerName.value.trim(); _updateStartButton(); }); el.btnStart.addEventListener('click', () => { if (playerName && selectedAvatarId) { _savePlayer(playerName, selectedAvatarId); window.Game.start(playerName, selectedAvatarId, gameMode); } }); // Score Modal actions if (el.btnShowScores) { el.btnShowScores.addEventListener('click', _showBestScoresModal); } if (el.btnCloseScores) { el.btnCloseScores.addEventListener('click', _hideBestScoresModal); } if (el.scoresModal) { el.scoresModal.addEventListener('click', (e) => { // Se clicar no fundo fora do painel modal fecha o popup if (e.target === el.scoresModal) _hideBestScoresModal(); }); } el.btnPause.addEventListener('click', () => window.Game.pause()); // Botão Som/Mute com verificação de segurança no caso de erro de import if (el.btnMute) { el.btnMute.addEventListener('click', () => { if (!window.GameAudio) return; const muted = window.GameAudio.toggleMute(); el.btnMute.textContent = muted ? '🔇' : '🔊'; el.btnMute.title = muted ? 'Ativar Som' : 'Cortar Som'; }); } el.btnResume.addEventListener('click', () => window.Game.resume()); el.btnQuit.addEventListener('click', () => { window.Game.stop(); showScreen('home'); }); el.btnNextLevel.addEventListener('click', () => window.Game.nextLevel()); el.btnRetry.addEventListener('click', () => { window.Game.retry(); }); el.btnHome.addEventListener('click', () => { window.Game.stop(); showScreen('home'); }); el.btnWinHome.addEventListener('click', () => { window.Game.stop(); showScreen('home'); }); // Raquete segue o rato (se não for modo "A Presa") document.addEventListener('mousemove', e => { if (gameMode !== 'prey') { el.racketCursor.style.left = e.clientX + 'px'; el.racketCursor.style.top = e.clientY + 'px'; } // Ocultar raquete se estiver em cima dos botões HUD (som/pausa) if (e.target && e.target.closest && e.target.closest('.btn-hud')) { el.racketCursor.style.opacity = '0'; } else { el.racketCursor.style.opacity = '1'; } }); // Impede menu de contexto no canvas document.getElementById('game-canvas').addEventListener('contextmenu', e => e.preventDefault()); } function _updateStartButton() { if (playerName && selectedAvatarId) { el.btnStart.disabled = false; el.btnStart.classList.add('ready'); } else { el.btnStart.disabled = true; el.btnStart.classList.remove('ready'); } } function _updateGameInfoDisplay() { if (gameMode === 'hunter') { el.gameInfoStrip.innerHTML = `

🏸 Raquete Elétrica

🪰 Apanha as Moscas

⏱️ Contra o Tempo

`; } else { el.gameInfoStrip.innerHTML = `

🪰 És uma Mosca

⚡ Foge da Raquete

⏱️ Sobrevive

`; } } function _showBestScoresModal() { el.scoresModal.classList.remove('hidden'); } function _hideBestScoresModal() { el.scoresModal.classList.add('hidden'); } // ── Screen Management ────────────────────────────── function showScreen(name) { Object.values(el.screens).forEach(s => s.classList.remove('active')); if (el.screens[name]) el.screens[name].classList.add('active'); } // ── HUD Update ───────────────────────────────────── function updateHUD({ score, level, timer, timerMax, fliesAlive, fliesTotal, killed, rescued, name, avatarId } = {}) { if (name !== undefined) { el.hudPlayerName.textContent = name; const av = AVATARS.find(a => a.id === avatarId); el.hudAvatar.textContent = av ? av.emoji : '🥷'; } if (score !== undefined) el.hudScore.textContent = score; if (level !== undefined) el.hudLevel.textContent = level; if (killed !== undefined) el.hudKilled.textContent = killed; if (rescued !== undefined) el.hudRescued.textContent= rescued; if (fliesAlive !== undefined) el.hudFliesAlive.textContent = fliesAlive; if (fliesTotal !== undefined) el.hudFliesTotal.textContent = fliesTotal; if (timer !== undefined && timerMax !== undefined) { el.hudTimer.textContent = Math.ceil(timer); const ratio = timer / timerMax; const offset = TIMER_CIRCUMFERENCE * (1 - ratio); el.timerRingProg.style.strokeDashoffset = offset; el.timerRingProg.classList.remove('warning', 'danger'); if (ratio <= 0.25) el.timerRingProg.classList.add('danger'); else if (ratio <= 0.5) el.timerRingProg.classList.add('warning'); } } // ── Level Complete Screen ────────────────────────── function showLevelComplete({ level, nextLevel, score, killed, timeLeft, timeBonus }) { el.levelTitle.textContent = `Nível ${level} Completo! 🎉`; el.levelStats.innerHTML = `

Moscas Abatidas${killed}

Tempo Restante${Math.ceil(timeLeft)}s

Bónus Tempo+${timeBonus}

Pontuação${score}

`; el.nextLevelNum.textContent = nextLevel; const fliesNext = 3 + nextLevel * 2; const timeNext = Math.max(30, 60 - (nextLevel - 1) * 5); el.nextLevelInfo.textContent = `${fliesNext} moscas • ${timeNext}s`; showScreen('level'); } // ── Game Over Screen ─────────────────────────────── function showGameOver({ level, score, killed }) { el.gameoverStats.innerHTML = `

Nível${level}

Pontuação${score}

Moscas Abatidas${killed}

`; showScreen('gameover'); } // ── Win Screen ───────────────────────────────────── function showWin({ score, levels, killed }) { el.winStats.innerHTML = `

Níveis${levels}

Pontuação Final${score}

Total Abatidas${killed}

`; showScreen('win'); } // ── FX: Hit Flash ────────────────────────────────── function hitFlash(x, y) { const div = document.createElement('div'); div.className = 'hit-flash'; const pctX = (x / window.innerWidth * 100).toFixed(1) + '%'; const pctY = (y / window.innerHeight * 100).toFixed(1) + '%'; div.style.setProperty('--fx', pctX); div.style.setProperty('--fy', pctY); document.body.appendChild(div); setTimeout(() => div.remove(), 350); } // ── FX: Kill Particles ───────────────────────────── function killParticles(x, y) { const colors = ['#00d4ff', '#7c3aed', '#10b981', '#f59e0b', '#fff']; for (let i = 0; i < 12; i++) { const p = document.createElement('div'); p.className = 'kill-particle'; const angle = (Math.PI * 2 / 12) * i + Math.random() * 0.5; const dist = 40 + Math.random() * 60; p.style.cssText = ` left: ${x}px; top: ${y}px; background: ${colors[Math.floor(Math.random() * colors.length)]}; --tx: ${Math.cos(angle) * dist}px; --ty: ${Math.sin(angle) * dist}px; --dur: ${0.5 + Math.random() * 0.5}s; `; document.body.appendChild(p); setTimeout(() => p.remove(), 1100); } } // ── FX: Float Notification ───────────────────────── function floatNotif(text, x, y, type = '') { const div = document.createElement('div'); div.className = 'float-notif ' + type; div.textContent = text; div.style.left = x + 'px'; div.style.top = y + 'px'; document.body.appendChild(div); setTimeout(() => div.remove(), 1500); } // ── FX: Zap Lightning ────────────────────────────── function zapLightning(x, y) { const zap = document.createElement('div'); zap.className = 'zap-lightning'; zap.textContent = '⚡'; zap.style.left = x + 'px'; zap.style.top = y + 'px'; const rot = Math.floor(Math.random() * 360); zap.style.setProperty('--rot', rot + 'deg'); document.body.appendChild(zap); setTimeout(() => zap.remove(), 400); } // ── FX: Racket Hit ───────────────────────────────── function racketHitEffect() { el.racketCursor.classList.remove('hit'); void el.racketCursor.offsetWidth; // reflow el.racketCursor.classList.add('hit'); setTimeout(() => el.racketCursor.classList.remove('hit'), 300); } // ── Players guardados ────────────────────────────── function _loadPlayers() { try { savedPlayers = JSON.parse(localStorage.getItem('apanha_players') || '[]'); } catch { savedPlayers = []; } } function _savePlayer(name, avatarId) { _loadPlayers(); // Remove entrada duplicada do mesmo nome (case-insensitive) savedPlayers = savedPlayers.filter(p => p.name.toLowerCase() !== name.toLowerCase()); // Insere no início (mais recente primeiro) savedPlayers.unshift({ name, avatarId }); // Máximo de 12 jogadores guardados savedPlayers = savedPlayers.slice(0, 12); localStorage.setItem('apanha_players', JSON.stringify(savedPlayers)); _renderPlayerPills(); } function _renderPlayerPills() { const container = el.playersPills; if (!container) return; container.innerHTML = ''; if (savedPlayers.length === 0) return; savedPlayers.forEach(p => { const av = AVATARS.find(a => a.id === p.avatarId) || AVATARS[0]; const btn = document.createElement('button'); btn.className = 'player-pill'; btn.type = 'button'; btn.innerHTML = ` ${av.emoji} ${_escapeHtml(p.name)} `; btn.addEventListener('click', () => { // Preenche o campo de nome el.playerName.value = p.name; playerName = p.name; // Seleciona o avatar _selectAvatar(p.avatarId); // Marca a pill como ativa container.querySelectorAll('.player-pill').forEach(b => b.classList.remove('active')); btn.classList.add('active'); _updateStartButton(); }); container.appendChild(btn); }); } // ── Scores ───────────────────────────────────────── function _loadScores() { try { scores = JSON.parse(localStorage.getItem('apanha_scores') || '[]'); } catch { scores = []; } } function saveScore(entry) { _loadScores(); scores.push(entry); scores.sort((a, b) => b.score - a.score); scores = scores.slice(0, 10); localStorage.setItem('apanha_scores', JSON.stringify(scores)); _renderScores(); } function _renderScores() { if (scores.length === 0) { el.scoresList.innerHTML = '

Ainda sem resultados. Sê o primeiro!

'; return; } const medals = ['🥇','🥈','🥉']; el.scoresList.innerHTML = scores.slice(0, 5).map((s, i) => { const av = AVATARS.find(a => a.id === s.avatar) || AVATARS[0]; return `

${medals[i] || '#' + (i + 1)} ${av.emoji} ${_escapeHtml(s.name)} ${s.score.toLocaleString()}

`; }).join(''); } function _escapeHtml(str) { return String(str) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"'); } function getCurrentPlayer() { return { name: playerName, avatarId: selectedAvatarId }; } return { init, showScreen, updateHUD, showLevelComplete, showGameOver, showWin, hitFlash, killParticles, floatNotif, racketHitEffect, zapLightning, saveScore, getCurrentPlayer, }; })(); window.UI = UI; ; // ═══════════════════════════════════════════════════ // fly.js — Lógica e Modelo 3D das Moscas // ═══════════════════════════════════════════════════ class Fly { // ── Estados possíveis ────────────────────────────── static STATE = { ALIVE: 'alive', // voando normalmente DEAD: 'dead', // morta no chão RESCUE: 'rescue', // a ser resgatada (a voar para mosca morta) RECOVER: 'recover', // a descansar por 1s após resgatar FALLING: 'falling', // a cair após ser atingida }; constructor(scene, bounds, id) { this.scene = scene; this.bounds = bounds; // { x, y, z } metade do tamanho da arena this.id = id; this.state = Fly.STATE.ALIVE; this.mesh = null; this.wingL = null; this.wingR = null; this.target = null; // mosca morta a resgatar this.speed = 0.35 + Math.random() * 0.30; this.turnSpeed = 0.02 + Math.random() * 0.02; this.isPlayer = false; // Se for o jogador em modo presa // Posição inicial aleatória no ar this.position = new THREE.Vector3( (Math.random() - 0.5) * bounds.x * 1.6, 1.5 + Math.random() * (bounds.y - 2), (Math.random() - 0.5) * bounds.z * 1.6 ); // Velocidade / direção aleatória this.velocity = new THREE.Vector3( (Math.random() - 0.5), (Math.random() - 0.5) * 0.3, (Math.random() - 0.5) ).normalize().multiplyScalar(this.speed); // Destino de voo aleatório this.wanderTarget = this._randomWanderTarget(); this.wanderTimer = 2 + Math.random() * 4; // Hover sinusoidal this.hoverOffset = Math.random() * Math.PI * 2; this.hoverAmp = 0.15 + Math.random() * 0.15; // Animação de asa this.wingPhase = 0; this.wingSpeed = 15 + Math.random() * 10; // Queda this.fallVelocity = 0; this.groundY = null; this._buildMesh(); } // ── Construção do Mesh 3D ────────────────────────── _buildMesh() { this.group = new THREE.Group(); // ─ Corpo (abdómen) ─ const bodyGeo = new THREE.SphereGeometry(0.12, 10, 8); this.bodyMat = new THREE.MeshStandardMaterial({ color: 0x1a1a1a, roughness: 0.4, metalness: 0.3, emissive: 0x050505, }); this.origColor = this.bodyMat.color.getHex(); const body = new THREE.Mesh(bodyGeo, this.bodyMat); body.scale.z = 1.8; body.castShadow = true; this.group.add(body); // ─ Tórax ─ const thoraxGeo = new THREE.SphereGeometry(0.09, 8, 6); const thorax = new THREE.Mesh(thoraxGeo, this.bodyMat); thorax.position.set(0, 0.02, 0.22); this.group.add(thorax); // ─ Cabeça com olhos compostos ─ const headGeo = new THREE.SphereGeometry(0.08, 8, 6); const headMat = new THREE.MeshStandardMaterial({ color: 0x111111, roughness: 0.4, metalness: 0.1 }); const head = new THREE.Mesh(headGeo, headMat); head.position.set(0, 0.01, 0.34); this.group.add(head); // Olhos compostos (esferas facetadas) const eyeMat = new THREE.MeshStandardMaterial({ color: 0x8b0000, roughness: 0.2, metalness: 0.5, emissive: 0x3b0000, }); const eyeGeo = new THREE.SphereGeometry(0.045, 6, 5); const eyeL = new THREE.Mesh(eyeGeo, eyeMat); const eyeR = new THREE.Mesh(eyeGeo, eyeMat); eyeL.position.set(-0.06, 0.03, 0.38); eyeR.position.set( 0.06, 0.03, 0.38); this.group.add(eyeL, eyeR); // ─ Asas ─ const wingShape = new THREE.Shape(); wingShape.moveTo(0, 0); wingShape.quadraticCurveTo(0.12, 0.15, 0.28, 0.05); wingShape.quadraticCurveTo(0.30, 0, 0.26, -0.08); wingShape.quadraticCurveTo(0.12, -0.05, 0, 0); const wingGeo = new THREE.ShapeGeometry(wingShape, 12); const wingMat = new THREE.MeshStandardMaterial({ color: 0xd4e8ff, transparent: true, opacity: 0.55, side: THREE.DoubleSide, roughness: 0.1, metalness: 0.1, }); this.wingL = new THREE.Mesh(wingGeo, wingMat); this.wingR = new THREE.Mesh(wingGeo, wingMat); this.wingL.position.set(-0.02, 0.05, 0.18); this.wingR.position.set( 0.02, 0.05, 0.18); this.wingR.scale.x = -1; // espelha a asa direita this.group.add(this.wingL, this.wingR); // ─ Pernas (linhas simples) ─ const legMat = new THREE.LineBasicMaterial({ color: 0x111111, opacity: 0.7, transparent: true }); const legData = [ [-0.12, -0.08, 0.05, -0.22, -0.20, 0.12], [-0.14, -0.07, -0.02, -0.26, -0.20, -0.10], [-0.12, -0.07, -0.10, -0.20, -0.20, -0.18], [ 0.12, -0.08, 0.05, 0.22, -0.20, 0.12], [ 0.14, -0.07, -0.02, 0.26, -0.20, -0.10], [ 0.12, -0.07, -0.10, 0.20, -0.20, -0.18], ]; legData.forEach(([x1,y1,z1,x2,y2,z2]) => { const pts = [new THREE.Vector3(x1,y1,z1), new THREE.Vector3(x2,y2,z2)]; const geo = new THREE.BufferGeometry().setFromPoints(pts); const line = new THREE.Line(geo, legMat); this.group.add(line); }); // ─ Picador ─ const probGeo = new THREE.CylinderGeometry(0.005, 0.005, 0.07, 4); const probMat = new THREE.MeshStandardMaterial({ color: 0x0a0a0a }); const prob = new THREE.Mesh(probGeo, probMat); prob.position.set(0, -0.01, 0.43); prob.rotation.x = Math.PI / 2; this.group.add(prob); // ─ Posição inicial ─ this.group.position.copy(this.position); this.scene.add(this.group); this.mesh = this.group; } // ── Update por frame ─────────────────────────────── update(dt, absTime, playerTarget = null) { this.wingPhase += this.wingSpeed * absTime; switch (this.state) { case Fly.STATE.ALIVE: this._updateAlive(dt, absTime, playerTarget); this._animateWings(1.0); break; case Fly.STATE.FALLING: this._updateFalling(dt); this._animateWings(0.2); break; case Fly.STATE.DEAD: // Mosca morta no chão — sem update de movimento break; case Fly.STATE.RESCUE: this._updateRescue(dt); this._animateWings(1.2); break; case Fly.STATE.RECOVER: this._updateRecover(dt, absTime); this._animateWings(1.0); break; } this.group.position.copy(this.position); } _updateAlive(dt, absTime, playerTarget) { // Hover sinusoidal const hoverY = Math.sin(absTime * 3 + this.hoverOffset) * this.hoverAmp; const { x, y, z } = this.bounds; if (this.isPlayer && playerTarget) { // Movimento do jogador: segue o rato diretamente na íntegra (sem limites de velocidade) const targetPos = playerTarget.clone(); // Restrições para não escapar da arena com o rato if (targetPos.x > x) targetPos.x = x; if (targetPos.x < -x) targetPos.x = -x; // if (targetPos.z > z) targetPos.z = z; // target z=0 sempre no cursor // if (targetPos.z < -z) targetPos.z = -z; if (targetPos.y > y) targetPos.y = y; if (targetPos.y < -2.8) targetPos.y = -2.8; const moveDir = targetPos.clone().sub(this.position); if (moveDir.lengthSq() > 0.0001) { this.velocity.copy(moveDir).multiplyScalar(1 / dt); // apenas para cálculo do lookAt (ficar virado no sentido de movimento) } // Faz Lerp com valor bem alto ou aproximação direta: this.position.lerp(targetPos, 0.6); this.position.y += hoverY * dt; } else { // Wander: IA normal, muda destino periodicamente this.wanderTimer -= dt; if (this.wanderTimer <= 0) { this.wanderTarget = this._randomWanderTarget(); this.wanderTimer = 2 + Math.random() * 4; } // Steering para destino IA const desired = this.wanderTarget.clone().sub(this.position).normalize().multiplyScalar(this.speed); const steer = desired.sub(this.velocity).multiplyScalar(this.turnSpeed); this.velocity.add(steer); // Limites da arena — bounce suave (apenas IA) const MARGIN = 1.0; if (this.position.x > x - MARGIN) this.velocity.x -= 0.5 * dt; if (this.position.x < -x + MARGIN) this.velocity.x += 0.5 * dt; if (this.position.z > z - MARGIN) this.velocity.z -= 0.5 * dt; if (this.position.z < -z + MARGIN) this.velocity.z += 0.5 * dt; if (this.position.y > y - 0.5) this.velocity.y -= 0.5 * dt; if (this.position.y < -2.0) this.velocity.y += 0.5 * dt; // FORÇAR VELOCIDADE CONSTANTE SEMPRE if (this.velocity.lengthSq() < 0.0001) this.velocity.set(Math.random()-0.5, 0, Math.random()-0.5); this.velocity.setLength(this.speed); this.position.addScaledVector(this.velocity, dt); this.position.y += hoverY * dt; } // STRICT BOUNDARY ENFORCEMENT - Never leave the scene if (this.position.x > x) { this.position.x = x; this.velocity.x *= -1; } if (this.position.x < -x) { this.position.x = -x; this.velocity.x *= -1; } if (this.position.z > z) { this.position.z = z; this.velocity.z *= -1; } if (this.position.z < -z) { this.position.z = -z; this.velocity.z *= -1; } if (this.position.y > y) { this.position.y = y; this.velocity.y *= -1; } if (this.position.y < -2.8){ this.position.y = -2.8;this.velocity.y = Math.abs(this.velocity.y); } // Orientação no sentido do voo if (this.velocity.lengthSq() > 0.001) { const lookAt = this.position.clone().add(this.velocity); this.group.lookAt(lookAt); } } _updateFalling(dt) { this.fallVelocity -= 12 * dt; // gravidade this.position.y += this.fallVelocity * dt; this.group.rotation.x += 5 * dt; this.group.rotation.z += 3 * dt; if (this.groundY !== null && this.position.y <= this.groundY) { this.position.y = this.groundY; this.state = Fly.STATE.DEAD; // Deitar a mosca morta no chão this.group.rotation.x = Math.PI / 2; this.group.rotation.z = Math.random() * Math.PI * 2; this.mesh.scale.setScalar(0.8); } } _updateRescue(dt) { if (!this.target || this.target.state !== Fly.STATE.DEAD) { // Alvo desapareceu — retoma voo normal this.state = Fly.STATE.ALIVE; this.wanderTarget = this._randomWanderTarget(); this._resetColor(); return; } const dir = this.target.position.clone().sub(this.position); const dist = dir.length(); if (dist < 0.6) { // Começa o resgate físico (fica estática 1 segundo) this.targetToRevive = this.target; this.target = null; this.state = Fly.STATE.RECOVER; this.recoverTimer = 1.0; } else { // Velocidade muito maior (5.0x) para ir depressa até à mosca morta! // Pode ajustar este valor multiplicador `5.0` na linha abaixo: const moveDir = dir.normalize().multiplyScalar((this.speed * 5.0) * dt); this.position.add(moveDir); // Mantém altitude mínima mas permitindo chegar ao chão (GROUND_Y = -3.0) if (this.position.y < -3.0) this.position.y = -3.0; if (dist > 0.1) { const lookAt = this.position.clone().add(moveDir.normalize()); this.group.lookAt(lookAt); } } } _updateRecover(dt, absTime) { this.recoverTimer -= dt; const hoverY = Math.sin(absTime * 3 + this.hoverOffset) * this.hoverAmp; this.position.y += hoverY * dt; // just slight hover, no XY movement if (this.recoverTimer <= 0) { // O segundo acabou com sucesso: aviva a mosca morta agora! if (this.targetToRevive && this.targetToRevive.state === Fly.STATE.DEAD) { this.targetToRevive.revive(); } this.targetToRevive = null; this.state = Fly.STATE.ALIVE; this._resetColor(); this.wanderTarget = this._randomWanderTarget(); // Resgatadora volta ao voo original para cima! this.velocity = new THREE.Vector3(Math.random() - 0.5, 1, Math.random() - 0.5); if (this.velocity.lengthSq() < 0.0001) this.velocity.set(0, 1, 0); this.velocity.setLength(this.speed); } } _animateWings(speedMult = 1.0) { const angle = Math.sin(this.wingPhase * speedMult) * 0.6; if (this.wingL) this.wingL.rotation.y = angle; if (this.wingR) this.wingR.rotation.y = -angle; } // ── Acesso Externo ───────────────────────────────── makePlayer() { this.isPlayer = true; this.bodyMat.color.setHex(0x10b981); // Fica verde brilhante para o user saber qual é this.bodyMat.emissive.setHex(0x059669); } // ── Hit / Kill ───────────────────────────────────── hit(groundY) { if (this.state === Fly.STATE.DEAD || this.state === Fly.STATE.FALLING) return false; this.state = Fly.STATE.FALLING; this.fallVelocity = 2 + Math.random() * 2; this.groundY = groundY; this.target = null; this.targetToRevive = null; // Falhou a missão de resgate this._resetColor(); // NÃO TOCAR EM this.speed PARA QUE POSSA SER REVIVIDA! return true; } // ── Revive (resgatada) ───────────────────────────── revive() { this._rescuedThisFrame = true; this.state = Fly.STATE.ALIVE; // NÃO altera this.position.y para que levante voo a partir do chão this.fallVelocity = 0; // Força velocidade inicial a apontar para cima para sair do chão this.velocity = new THREE.Vector3( (Math.random() - 0.5), 1.0, (Math.random() - 0.5) ); if (this.velocity.lengthSq() < 0.0001) this.velocity.set(0, 1, 0); this.velocity.setLength(this.speed); this.wanderTarget = this._randomWanderTarget(); this.wanderTimer = 1 + Math.random() * 2; // Restaura visual this.group.rotation.set(0, 0, 0); this.mesh.scale.setScalar(1.0); // Piscar cor para mostrar que reviveu if (this.wingL) { const mat = this.wingL.material; const origColor = mat.color.getHex(); mat.color.set(0xffd700); setTimeout(() => mat.color.set(origColor), 500); } } // ── Iniciar Salvamento ───────────────────────────── startRescue(deadFly) { if (this.state !== Fly.STATE.ALIVE) return; this.state = Fly.STATE.RESCUE; this.target = deadFly; // Muda a cor para amarelo/dourado brilhante para destacar! if (this.bodyMat) { this.bodyMat.color.setHex(0xffff00); this.bodyMat.emissive.setHex(0x444400); } } _resetColor() { if (this.bodyMat) { this.bodyMat.color.setHex(this.origColor); this.bodyMat.emissive.setHex(0x050505); } } // ── Destroy ──────────────────────────────────────── destroy() { if (this.group) { this.scene.remove(this.group); this.group.traverse(obj => { if (obj.geometry) obj.geometry.dispose(); if (obj.material) obj.material.dispose(); }); } } // ── Collision Check ──────────────────────────────── isHitBy(worldPos, radius = 0.5) { return this.position.distanceTo(worldPos) < radius; } // ── Helper ───────────────────────────────────────── _randomWanderTarget() { const { x, y, z } = this.bounds; return new THREE.Vector3( (Math.random() - 0.5) * x * 1.6, 1.5 + Math.random() * (y * 0.8), (Math.random() - 0.5) * z * 1.6 ); } get isAlive() { return this.state === Fly.STATE.ALIVE || this.state === Fly.STATE.RESCUE || this.state === Fly.STATE.RECOVER; } get isDead() { return this.state === Fly.STATE.DEAD; } get isFalling() { return this.state === Fly.STATE.FALLING; } } window.Fly = Fly; ; // ═══════════════════════════════════════════════════ // game.js — Motor Principal do Jogo (Three.js) // ═══════════════════════════════════════════════════ const Game = (() => { // ── Configuração de Níveis ───────────────────────── const LEVEL_CONFIG = level => ({ flyCount: 3 + level * 2, timeLimit: Math.max(30, 65 - (level - 1) * 5), rescueThreshold: Math.max(1, Math.floor((3 + level * 2) * 0.4)), flySpeed: 1 + level * 0.06, // velocidade fixa por nível }); const MAX_LEVEL = 8; const GROUND_Y = -3.0; // ── Estado Interno ───────────────────────────────── let renderer, scene, camera, clock; let flies = []; let config = {}; let state = { running: false, paused: false, level: 1, score: 0, killed: 0, // total da sessão rescued: 0, // total moscas resgatadas timeLeft: 60, playerName: '', avatarId: '', levelKilled: 0, // abatidas neste nível themeOffset: 0, // rotação de temas aleatória gameMode: 'hunter', // 'hunter' ou 'prey' }; // ── Three.js Objects ────────────────────────────── let groundMesh, envGroup = null; let ambientLight, dirLight, pointLights = []; let animFrameId = null; let elapsedTime = 0; // Variáveis para "A Presa" (IA Raquete) const _aiRacketPos = new THREE.Vector3(0, 5, 0); let _aiRacketTimer = 0; // ── Init Three.js ────────────────────────────────── function _initThree() { const canvas = document.getElementById('game-canvas'); // Renderer renderer = new THREE.WebGLRenderer({ canvas, antialias: true, powerPreference: 'high-performance', }); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); renderer.setSize(window.innerWidth, window.innerHeight); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.1; // Cena scene = new THREE.Scene(); scene.background = new THREE.Color(0x0a0e1a); scene.fog = new THREE.FogExp2(0x0a0e1a, 0.045); // Câmara camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 100); camera.position.set(0, 3, 11); camera.lookAt(0, 0, 0); // Relógio clock = new THREE.Clock(); // Iluminação base (persistente) ambientLight = new THREE.AmbientLight(0xffffff, 0.5); scene.add(ambientLight); dirLight = new THREE.DirectionalLight(0xffffff, 1.0); dirLight.position.set(5, 10, 5); dirLight.castShadow = true; dirLight.shadow.mapSize.set(2048, 2048); dirLight.shadow.camera.near = 0.1; dirLight.shadow.camera.far = 50; dirLight.shadow.camera.left = dirLight.shadow.camera.bottom = -15; dirLight.shadow.camera.right = dirLight.shadow.camera.top = 15; dirLight.shadow.bias = -0.001; scene.add(dirLight); const racketLight = new THREE.PointLight(0x00d4ff, 0, 8); racketLight.name = 'racketLight'; scene.add(racketLight); _bindEvents(); } // ── Dynamic Scene Loader ─────────────────────────── function _loadScene(level) { if (envGroup) { scene.remove(envGroup); } envGroup = new THREE.Group(); pointLights = []; // Reset point lights per scene for animation const theme = (level - 1 + (state.themeOffset || 0)) % 4; if (theme === 0) { _buildIndoorScene(); } else if (theme === 1) { _buildOutdoorScene(); } else if (theme === 2) { _buildBasketballScene(); } else { _buildSciFiScene(); } scene.add(envGroup); } // ── Theme 0: Indoor (Original) ─────────────────── function _buildIndoorScene() { scene.background = new THREE.Color(0x0a0e1a); scene.fog = new THREE.FogExp2(0x0a0e1a, 0.045); ambientLight.color.setHex(0x223355); dirLight.color.setHex(0xfff5d4); const ROOM_W = 22, ROOM_H = 9, ROOM_D = 22; const floorGeo = new THREE.PlaneGeometry(ROOM_W, ROOM_D, 40, 40); const floorMat = new THREE.MeshStandardMaterial({ color: 0x1e2d4a, roughness: 0.9, metalness: 0.1 }); groundMesh = new THREE.Mesh(floorGeo, floorMat); groundMesh.rotation.x = -Math.PI / 2; groundMesh.position.y = GROUND_Y; groundMesh.receiveShadow = true; envGroup.add(groundMesh); const gridHelper = new THREE.GridHelper(ROOM_W, 22, 0x2a4080, 0x1a2a55); gridHelper.position.y = GROUND_Y + 0.01; envGroup.add(gridHelper); const ceilGeo = new THREE.PlaneGeometry(ROOM_W, ROOM_D); const ceilMat = new THREE.MeshStandardMaterial({ color: 0x0c1520, roughness: 0.95 }); const ceil = new THREE.Mesh(ceilGeo, ceilMat); ceil.rotation.x = Math.PI / 2; ceil.position.y = ROOM_H / 2 + 1.5; envGroup.add(ceil); const wallMat = new THREE.MeshStandardMaterial({ color: 0x0e1a30, roughness: 0.9, side: THREE.BackSide }); const wallGeo = new THREE.BoxGeometry(ROOM_W, ROOM_H + 2, ROOM_D); const box = new THREE.Mesh(wallGeo, wallMat); box.position.y = (ROOM_H / 2) + GROUND_Y + 0.5; envGroup.add(box); const bulbGeo = new THREE.SphereGeometry(0.18, 10, 8); const bulbMat = new THREE.MeshStandardMaterial({ color: 0xffeeaa, emissive: 0xffdd88, emissiveIntensity: 3, roughness: 0.1 }); const shadeGeo = new THREE.ConeGeometry(0.28, 0.26, 12, 1, true); const shadeMat = new THREE.MeshStandardMaterial({ color: 0x888866, roughness: 0.6, side: THREE.DoubleSide }); const ceilActualY = ROOM_H / 2 + 1.5; const cableLength = ceilActualY - 1.55; const cableGeo = new THREE.CylinderGeometry(0.012, 0.012, cableLength, 6); const cableMat = new THREE.MeshStandardMaterial({ color: 0x222222, roughness: 0.9 }); [[-5, 0, -5], [5, 0, -5], [-5, 0, 5], [5, 0, 5], [0, 0, 0]].forEach(([x, , z]) => { const lampGroup = new THREE.Group(); lampGroup.position.set(x, ceilActualY, z); const cable = new THREE.Mesh(cableGeo, cableMat); cable.position.y = -cableLength / 2; lampGroup.add(cable); const shade = new THREE.Mesh(shadeGeo, shadeMat); shade.position.y = -cableLength; shade.rotation.x = Math.PI; lampGroup.add(shade); const bulb = new THREE.Mesh(bulbGeo, bulbMat); bulb.position.y = -cableLength - 0.2; lampGroup.add(bulb); envGroup.add(lampGroup); const pl = new THREE.PointLight(0xfff5d4, 1.0, 12); pl.position.set(x, ceilActualY - cableLength - 0.15, z); envGroup.add(pl); }); const woodMat = new THREE.MeshStandardMaterial({ color: 0x5c3d1e, roughness: 0.85 }); const tableTop = new THREE.Mesh(new THREE.BoxGeometry(3, 0.1, 1.5), woodMat); tableTop.position.set(-5, GROUND_Y + 2.5, -5); tableTop.castShadow = tableTop.receiveShadow = true; envGroup.add(tableTop); const legGeo = new THREE.CylinderGeometry(0.06, 0.06, 2.5, 6); [[-1.3, -0.6],[1.3,-0.6],[-1.3,0.6],[1.3,0.6]].forEach(([x,z]) => { const leg = new THREE.Mesh(legGeo, woodMat); leg.position.set(-5 + x, GROUND_Y + 1.25, -5 + z); leg.castShadow = true; envGroup.add(leg); }); // Luzes da parede pulsantes [[0x0044ff, 5, 5, 5], [0xff2200, -5, 5, 5], [0x00ff88, 0, 3, -8]].forEach(([color, x, y, z]) => { const pl = new THREE.PointLight(color, 0.6, 20); pl.position.set(x, GROUND_Y + y, z); envGroup.add(pl); pointLights.push(pl); }); } // ── Theme 1: Outdoor Nature ────────────────────── function _buildOutdoorScene() { scene.background = new THREE.Color(0x87CEEB); scene.fog = new THREE.FogExp2(0x87CEEB, 0.02); ambientLight.color.setHex(0xffffff); dirLight.color.setHex(0xffffff); const grassGeo = new THREE.PlaneGeometry(60, 60, 20, 20); const grassMat = new THREE.MeshStandardMaterial({ color: 0x3b82f6, roughness: 0.8 }); // cor de grama ligeiramente azulada para estilo grassMat.color.setHex(0x4ade80); // Verde grama moderno groundMesh = new THREE.Mesh(grassGeo, grassMat); groundMesh.rotation.x = -Math.PI / 2; groundMesh.position.y = GROUND_Y; groundMesh.receiveShadow = true; envGroup.add(groundMesh); // Árvores espalhadas const trunkGeo = new THREE.CylinderGeometry(0.3, 0.4, 3, 7); const trunkMat = new THREE.MeshStandardMaterial({ color: 0x78350f, roughness: 0.9 }); const leavesGeo = new THREE.ConeGeometry(2, 4, 8); const leavesMat = new THREE.MeshStandardMaterial({ color: 0x166534, roughness: 0.8 }); for (let i = 0; i < 15; i++) { const angle = Math.random() * Math.PI * 2; const radius = 8 + Math.random() * 15; const tx = Math.cos(angle) * radius; const tz = Math.sin(angle) * radius; const tree = new THREE.Group(); tree.position.set(tx, GROUND_Y, tz); const trunk = new THREE.Mesh(trunkGeo, trunkMat); trunk.position.y = 1.5; trunk.castShadow = true; tree.add(trunk); const leaves = new THREE.Mesh(leavesGeo, leavesMat); leaves.position.y = 4; leaves.castShadow = true; tree.add(leaves); envGroup.add(tree); } // Sol fictício (Visual point light quente) const sunLight = new THREE.PointLight(0xfef08a, 1.2, 50); sunLight.position.set(10, 15, -15); envGroup.add(sunLight); pointLights.push(sunLight); } // ── Theme 2: Basketball Court ──────────────────── function _buildBasketballScene() { // Ambiente claro de ginásio scene.background = new THREE.Color(0xdbeafe); scene.fog = new THREE.FogExp2(0xdbeafe, 0.02); ambientLight.color.setHex(0xf8fafc); // luz branca suave dirLight.color.setHex(0xffffff); const ROOM_W = 28, ROOM_D = 15; // Piso de madeira de campo (tons de maple/pinho claros) const floorGeo = new THREE.PlaneGeometry(ROOM_W, ROOM_D); const floorMat = new THREE.MeshStandardMaterial({ color: 0xe5a962, roughness: 0.5, metalness: 0.1 }); groundMesh = new THREE.Mesh(floorGeo, floorMat); groundMesh.rotation.x = -Math.PI / 2; groundMesh.position.y = GROUND_Y; groundMesh.receiveShadow = true; envGroup.add(groundMesh); // Linhas brancas do campo const lineMat = new THREE.MeshStandardMaterial({ color: 0xffffff, roughness: 0.9 }); // Meio campo const centerLine = new THREE.Mesh(new THREE.PlaneGeometry(0.1, ROOM_D - 0.8), lineMat); centerLine.rotation.x = -Math.PI / 2; centerLine.position.set(0, GROUND_Y + 0.01, 0); envGroup.add(centerLine); // Círculo central const centerCircle = new THREE.Mesh(new THREE.RingGeometry(1.8, 1.9, 32), lineMat); centerCircle.rotation.x = -Math.PI / 2; centerCircle.position.set(0, GROUND_Y + 0.01, 0); envGroup.add(centerCircle); // Limites exteriores const borderGeos = [ [new THREE.PlaneGeometry(ROOM_W - 0.8, 0.1), 0, (ROOM_D/2) - 0.4], [new THREE.PlaneGeometry(ROOM_W - 0.8, 0.1), 0, -((ROOM_D/2) - 0.4)], [new THREE.PlaneGeometry(0.1, ROOM_D - 0.8), (ROOM_W/2) - 0.4, 0], [new THREE.PlaneGeometry(0.1, ROOM_D - 0.8), -((ROOM_W/2) - 0.4), 0] ]; borderGeos.forEach(([geo, x, z]) => { const b = new THREE.Mesh(geo, lineMat); b.rotation.x = -Math.PI / 2; b.position.set(x, GROUND_Y + 0.01, z); envGroup.add(b); }); // Paredes claras estilo Pavilhão const wallGeo = new THREE.BoxGeometry(ROOM_W + 1, 12, ROOM_D + 1); const wallMat = new THREE.MeshStandardMaterial({ color: 0xf1f5f9, roughness: 0.9, side: THREE.BackSide }); const walls = new THREE.Mesh(wallGeo, wallMat); walls.position.y = GROUND_Y + 6; envGroup.add(walls); // Tabelas de Basquete const poleGeo = new THREE.CylinderGeometry(0.1, 0.15, 4.0); const poleMat = new THREE.MeshStandardMaterial({ color: 0x64748b, metalness: 0.7 }); const boardGeo = new THREE.BoxGeometry(0.1, 1.2, 1.8); const boardMat = new THREE.MeshStandardMaterial({ color: 0xffffff, roughness: 0.4 }); const hoopGeo = new THREE.TorusGeometry(0.35, 0.04, 8, 20); const hoopMat = new THREE.MeshStandardMaterial({ color: 0xf97316 }); // Laranja para o aro // Rede suspensa (cilindro vazado com wireframe) const netGeo = new THREE.CylinderGeometry(0.35, 0.25, 0.6, 12, 3, true); const netMat = new THREE.MeshBasicMaterial({ color: 0xffffff, wireframe: true, transparent: true, opacity: 0.7 }); [-12.5, 12.5].forEach(xPos => { const isLeft = xPos < 0; const pole = new THREE.Mesh(poleGeo, poleMat); pole.position.set(xPos, GROUND_Y + 2.0, 0); pole.castShadow = true; envGroup.add(pole); const board = new THREE.Mesh(boardGeo, boardMat); board.position.set(isLeft ? xPos + 0.3 : xPos - 0.3, GROUND_Y + 3.8, 0); envGroup.add(board); // Area pintada (quadrado vermelho no vidro) const detailGeo = new THREE.PlaneGeometry(0.6, 0.5); const detailMat = new THREE.MeshBasicMaterial({ color: 0xef4444, wireframe: true }); const boardDetail = new THREE.Mesh(detailGeo, detailMat); boardDetail.position.set(isLeft ? xPos + 0.36 : xPos - 0.36, GROUND_Y + 3.8, 0); boardDetail.rotation.y = isLeft ? Math.PI / 2 : -Math.PI / 2; envGroup.add(boardDetail); const hoopX = isLeft ? xPos + 0.8 : xPos - 0.8; const hoop = new THREE.Mesh(hoopGeo, hoopMat); hoop.rotation.x = Math.PI / 2; hoop.position.set(hoopX, GROUND_Y + 3.5, 0); envGroup.add(hoop); const net = new THREE.Mesh(netGeo, netMat); net.position.set(hoopX, GROUND_Y + 3.2, 0); envGroup.add(net); // Luz de foco nas tabelas const spotlight = new THREE.PointLight(0xffffff, 0.7, 15); spotlight.position.set(isLeft ? xPos + 2 : xPos - 2, GROUND_Y + 7, 0); envGroup.add(spotlight); pointLights.push(spotlight); }); } // ── Theme 3: Sci-Fi / Alien ─────────────────────── function _buildSciFiScene() { scene.background = new THREE.Color(0x0f0c29); scene.fog = new THREE.FogExp2(0x0f0c29, 0.035); ambientLight.color.setHex(0x302b63); dirLight.color.setHex(0x24243e); const floorGeo = new THREE.PlaneGeometry(40, 40, 20, 20); // Grid cybernética luminosa azulada const floorMat = new THREE.MeshStandardMaterial({ color: 0x0ea5e9, roughness: 0.4, metalness: 0.8, wireframe: true }); groundMesh = new THREE.Mesh(floorGeo, floorMat); groundMesh.rotation.x = -Math.PI / 2; groundMesh.position.y = GROUND_Y; envGroup.add(groundMesh); // Base muito clara por baixo da grid para realçar as moscas mortas (pretas) const solidFloorGeo = new THREE.PlaneGeometry(40, 40); const solidFloorMat = new THREE.MeshStandardMaterial({ color: 0xe2e8f0, roughness: 0.2, metalness: 0.1 }); const solidFloor = new THREE.Mesh(solidFloorGeo, solidFloorMat); solidFloor.rotation.x = -Math.PI / 2; solidFloor.position.y = GROUND_Y - 0.05; solidFloor.receiveShadow = true; envGroup.add(solidFloor); // Cristais Flutuantes Neons const crystalGeo = new THREE.OctahedronGeometry(0.8, 0); const colors = [0x00d2ff, 0xff00cc, 0x00ff88]; for (let i = 0; i < 10; i++) { const mat = new THREE.MeshStandardMaterial({ color: colors[i % 3], emissive: colors[i % 3], emissiveIntensity: 0.5, wireframe: (i % 2 === 0), transparent: true, opacity: 0.8 }); const crystal = new THREE.Mesh(crystalGeo, mat); const x = (Math.random() - 0.5) * 20; const z = (Math.random() - 0.5) * 20; const y = GROUND_Y + 1 + Math.random() * 6; crystal.position.set(x, y, z); crystal.rotation.set(Math.random()*Math.PI, Math.random()*Math.PI, 0); // Anexar animação extra no render loop aproveitando custom data: crystal.userData = { rotSpeed: Math.random() * 0.02 + 0.01, floatY: y, floatSpeed: Math.random() * 2 + 1 }; envGroup.add(crystal); const ptLight = new THREE.PointLight(colors[i % 3], 0.8, 8); ptLight.position.set(x, y, z); envGroup.add(ptLight); pointLights.push(ptLight); } } // ── Bind Events ──────────────────────────────────── function _bindEvents() { window.addEventListener('resize', _onResize); document.getElementById('game-canvas').addEventListener('click', _onCanvasClick); document.addEventListener('mousemove', _onMouseMove); } function _onResize() { if (!renderer) return; camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } // ── Mouse ────────────────────────────────────────── const _raycaster = new THREE.Raycaster(); const _mouse = new THREE.Vector2(); const _screenPos = { x: 0, y: 0 }; function _onMouseMove(e) { _screenPos.x = e.clientX; _screenPos.y = e.clientY; _mouse.x = (e.clientX / window.innerWidth) * 2 - 1; _mouse.y = -(e.clientY / window.innerHeight) * 2 + 1; // Move a luz da raquete if (scene) { const racketLight = scene.getObjectByName('racketLight'); if (racketLight) { const pos = _getWorldPosAtZ(_mouse, 0); if (pos) racketLight.position.copy(pos); racketLight.intensity = state.running && !state.paused ? 1.5 : 0; } } } function _onCanvasClick(e) { if (!state.running || state.paused) return; if (state.gameMode === 'prey') return; // O rato neste modo serve apenas de direção, e a Raquete é o IA _swingRacket(e.clientX, e.clientY); } function _getWorldPosAtZ(mouseNDC, targetZ = 0) { _raycaster.setFromCamera(mouseNDC, camera); const dir = _raycaster.ray.direction; const origin = _raycaster.ray.origin; if (Math.abs(dir.z) < 0.0001) return null; const t = (targetZ - origin.z) / dir.z; return new THREE.Vector3( origin.x + dir.x * t, origin.y + dir.y * t, targetZ ); } // ── Swing da Raquete ─────────────────────────────── function _swingRacket(screenX, screenY) { UI.racketHitEffect(); // Verifica colisão com moscas vivas _raycaster.setFromCamera(_mouse, camera); let hitAny = false; for (const fly of flies) { if (!fly.isAlive || fly.isFalling) continue; // Raio vs posição da mosca — hitbox generosa para boa jogabilidade const dist = _raycaster.ray.distanceToPoint(fly.position); if (dist < 0.75) { // HIT! const screenPt = _worldToScreen(fly.position); fly.hit(GROUND_Y + 0.12); state.killed++; state.levelKilled++; const pts = 1; state.score += pts; UI.hitFlash(screenX, screenY); UI.killParticles(screenPt.x, screenPt.y); UI.zapLightning(screenPt.x, screenPt.y); UI.floatNotif('Acertou!', screenPt.x, screenPt.y - 20, 'hit'); hitAny = true; // Efeito Sonoro de acerto com faísca elétrica sintética if (window.GameAudio) window.GameAudio.playHit(); } } if (!hitAny) { // Miss — penalidade menor UI.floatNotif('Falhou!', screenX, screenY, 'miss'); } _updateHUDNow(); } function _worldToScreen(worldPos) { const v = worldPos.clone().project(camera); return { x: (v.x + 1) / 2 * window.innerWidth, y: -(v.y - 1) / 2 * window.innerHeight, }; } // ── AI: Missão de Salvamento ─────────────────────── const _rescueInterval = { last: 0, delay: 5 }; function _tryRescueMission(now) { if (now - _rescueInterval.last < _rescueInterval.delay) return; _rescueInterval.last = now; const cfg = LEVEL_CONFIG(state.level); const alive = flies.filter(f => f.isAlive); const dead = flies.filter(f => f.isDead); // Só tenta resgatar se houver vivas suficientes e mortas if (alive.length < cfg.rescueThreshold || dead.length === 0) return; // Escolhe uma mosca viva que ainda não está em missão de resgate const rescuers = alive.filter(f => f.state === Fly.STATE.ALIVE); if (rescuers.length === 0) return; // Escolhe uma morta aleatória const deadFly = dead[Math.floor(Math.random() * dead.length)]; const rescuerFly = rescuers[Math.floor(Math.random() * rescuers.length)]; rescuerFly.startRescue(deadFly); // Notifica o jogador const screenPt = _worldToScreen(deadFly.position); UI.floatNotif('⚠️ Mosca a ser resgatada!', screenPt.x, screenPt.y, 'rescue'); _rescueInterval.delay = 4 + Math.random() * 4; } // ── Contagem de moscas ───────────────────────────── function _countAlive() { return flies.filter(f => f.isAlive).length; } function _countDead() { return flies.filter(f => f.isDead).length; } // ── Game Loop ────────────────────────────────────── function _loop() { animFrameId = requestAnimationFrame(_loop); const dt = Math.min(clock.getDelta(), 0.05); elapsedTime += dt; if (!state.running || state.paused) { renderer.render(scene, camera); return; } // Timer state.timeLeft -= dt; if (state.timeLeft <= 0) { state.timeLeft = 0; if (state.gameMode === 'prey') { // Modo Presa: Sobreviver ao tempo é a forma de vencer o nível! setTimeout(_onLevelComplete, 600); state.running = false; return; } else { _onTimeOut(); return; } } const playerTarget = (state.gameMode === 'prey') ? _getWorldPosAtZ(_mouse, 0) : null; // Atualiza moscas for (const fly of flies) { fly.update(dt, elapsedTime, playerTarget); } // Conta rescues que ocorreram neste frame const newRescues = flies.filter(f => f._rescuedThisFrame); if (newRescues.length > 0) { state.rescued += newRescues.length; newRescues.forEach(f => { f._rescuedThisFrame = false; }); _updateHUDNow(); } // ── Lógica da IA Raquete (Modo Presa) ── if (state.gameMode === 'prey') { let targetFly = null; let closestDist = Infinity; for (const fly of flies) { if (!fly.isAlive || fly.isFalling) continue; const d = _aiRacketPos.distanceTo(fly.position); if (d < closestDist) { closestDist = d; targetFly = fly; } } if (targetFly) { const aiSpeed = 3.5 + state.level * 0.8; // Racket persegue a mosca mais próxima if (targetFly && closestDist > 0.1) { _aiRacketPos.add(targetFly.position.clone().sub(_aiRacketPos).normalize().multiplyScalar(aiSpeed * dt)); } // Luz da raquete segue fisicamente a IA const rLight = scene.getObjectByName('racketLight'); if (rLight) { rLight.position.copy(_aiRacketPos); rLight.intensity = 1.6; } // Atualizar o cursor DOM manualmente para seguir a posição 3D da IA const screenPt = _worldToScreen(_aiRacketPos); const cursorEl = document.getElementById('racket-cursor'); if (cursorEl) { cursorEl.style.left = screenPt.x + 'px'; cursorEl.style.top = screenPt.y + 'px'; } // IA ataca! _aiRacketTimer -= dt; if (closestDist < 1.2 && _aiRacketTimer <= 0) { _aiRacketTimer = Math.max(0.4, 1.2 - state.level * 0.1); // ataca mais rápido em níveis altos UI.racketHitEffect(); let hitPlayer = false; let hitAny = false; for (const fly of flies) { if (!fly.isAlive || fly.isFalling) continue; const dist = _aiRacketPos.distanceTo(fly.position); // Hitbox if (dist < 0.75) { const flyScreenPt = _worldToScreen(fly.position); fly.hit(GROUND_Y + 0.12); UI.hitFlash(flyScreenPt.x, flyScreenPt.y); UI.killParticles(flyScreenPt.x, flyScreenPt.y); UI.zapLightning(flyScreenPt.x, flyScreenPt.y); if (fly.isPlayer) { hitPlayer = true; } else { state.killed++; state.levelKilled++; state.score++; hitAny = true; UI.floatNotif('Acertou!', flyScreenPt.x, flyScreenPt.y - 20, 'hit'); } } } if (hitPlayer) { if (window.GameAudio) window.GameAudio.playHit(); // Jogador morreu, mas jogo continua } else if (hitAny) { if (window.GameAudio) window.GameAudio.playHit(); _updateHUDNow(); } else { UI.floatNotif('Falhou!', screenPt.x, screenPt.y, 'miss'); } } } } // IA de salvamento _tryRescueMission(elapsedTime); // Verifica nível completo const alive = _countAlive(); const dead = _countDead(); const falling = flies.filter(f => f.isFalling).length; // Verifica se todos pereceram (fim de nível para ambos os modos) if (alive === 0 && falling === 0) { if (dead === flies.length) { setTimeout(_onLevelComplete, 600); state.running = false; return; } } // Pulsação das luzes coloridas _animateLights(elapsedTime); // Atualiza volume do zumbido conforme moscas vivas GameAudio.updateFlyCount(_countAlive()); // HUD _updateHUDNow(); renderer.render(scene, camera); } function _animateLights(t) { // Anima apenas pointLights extra (ex: cenas indoor/outdoor) pointLights.forEach((pl, i) => { pl.intensity = 0.4 + Math.sin(t * 0.8 + i * 2) * 0.2; }); // Animação de cristais alienígenas na cena 4 if (envGroup) { envGroup.children.forEach(child => { if (child.userData && child.userData.rotSpeed) { child.rotation.y += child.userData.rotSpeed; child.rotation.x += child.userData.rotSpeed * 0.5; child.position.y = child.userData.floatY + Math.sin(t * child.userData.floatSpeed) * 0.5; } }); } } function _updateHUDNow() { UI.updateHUD({ score: state.score, level: state.level, timer: state.timeLeft, timerMax: config.timeLimit, fliesAlive: _countAlive(), fliesTotal: flies.length, killed: state.killed, rescued: state.rescued, }); } // ── Spawn de Moscas ──────────────────────────────── function _spawnFlies(count) { // Limpa moscas anteriores flies.forEach(f => f.destroy()); flies = []; const bounds = { x: 9, y: 5, z: 9 }; // Velocidade fixa para todas as moscas do nível (sem random) const fixedSpeed = 0.18 * config.flySpeed; for (let i = 0; i < count; i++) { const fly = new Fly(scene, bounds, i); fly.speed = fixedSpeed; // sobrescreve qualquer random fly.velocity.setLength(fixedSpeed); // normaliza a velocidade inicial flies.push(fly); } if (state.gameMode === 'prey' && flies.length > 0) { // Primeira mosca torna-se jogável e reposiciona-se melhor flies[0].makePlayer(); flies[0].position.set(0, GROUND_Y + 5, 0); flies[0].speed = fixedSpeed * 1.5; // Um pouco mais rápida para ter chance } } // ── Eventos de Jogo ──────────────────────────────── function _onLevelComplete() { const timeBonus = Math.floor(state.timeLeft); // Apenas estatística // Não soma tempo à pontuação! Apenas 1 pto por mosca morta. UI.saveScore({ name: state.playerName, avatar: state.avatarId, score: state.score }); if (state.level >= MAX_LEVEL) { _onWin(); return; } UI.showLevelComplete({ level: state.level, nextLevel: state.level + 1, score: state.score, killed: state.levelKilled, timeLeft: state.timeLeft, timeBonus, }); } function _onTimeOut() { state.running = false; GameAudio.stopBuzz(); UI.saveScore({ name: state.playerName, avatar: state.avatarId, score: state.score }); UI.showGameOver({ level: state.level, score: state.score, killed: state.killed }); } function _onWin() { GameAudio.stopBuzz(); UI.saveScore({ name: state.playerName, avatar: state.avatarId, score: state.score }); UI.showWin({ score: state.score, levels: MAX_LEVEL, killed: state.killed }); } // ── API Pública ──────────────────────────────────── function start(name, avatarId, mode = 'hunter') { state.playerName = name; state.avatarId = avatarId; state.gameMode = mode; state.level = 1; state.score = 0; state.killed = 0; state.rescued = 0; state.levelKilled = 0; state.themeOffset = Math.floor(Math.random() * 4); if (!renderer) _initThree(); _startLevel(1); } function _startLevel(lvl) { state.level = lvl; config = LEVEL_CONFIG(lvl); state.timeLeft = config.timeLimit; state.levelKilled = 0; elapsedTime = 0; _rescueInterval.last = 0; _rescueInterval.delay = 5; // Reset AI position _aiRacketPos.set(0, GROUND_Y + 8, 0); _aiRacketTimer = 2.0; // Dá 2 segundos de pausa inicial _spawnFlies(config.flyCount); _loadScene(lvl); UI.showScreen('game'); UI.updateHUD({ name: state.playerName, avatarId: state.avatarId, score: state.score, level: state.level, timer: state.timeLeft, timerMax: config.timeLimit, fliesAlive: flies.length, fliesTotal: flies.length, killed: state.killed, rescued: state.rescued, }); state.running = true; state.paused = false; clock.start(); // Som de moscas GameAudio.startBuzz(config.flyCount); // Garante que só há um loop a correr if (animFrameId) { cancelAnimationFrame(animFrameId); animFrameId = null; } _loop(); } function nextLevel() { _startLevel(state.level + 1); } function pause() { state.paused = true; GameAudio.stopBuzz(); UI.showScreen('pause'); document.getElementById('screen-game').classList.add('active'); } function resume() { state.paused = false; clock.getDelta(); GameAudio.startBuzz(_countAlive()); UI.showScreen('game'); } function retry() { const { playerName: name, avatarId } = state; state.score = 0; state.killed = 0; state.rescued = 0; _startLevel(state.level); } function stop() { state.running = false; GameAudio.stopBuzz(); if (animFrameId) { cancelAnimationFrame(animFrameId); animFrameId = null; } flies.forEach(f => f.destroy()); flies = []; } return { start, stop, pause, resume, nextLevel, retry }; })(); window.Game = Game; // Bootstrap document.addEventListener('DOMContentLoaded', () => { UI.init(); }); ;

ApanhaMosca3D

🏆 Melhores Resultados

Nível Completo!

Tempo Esgotado!

Jogo em Pausa

Mestre Caçador!