Spaces:
Running
Running
Crie um sistema com inteligência artificial para descobrir qual o algoritmo que o jogo double da plataforma usa para mandar o branco no minuto exato e que o APP faça uma análise direto dentro do jogo double todas as vezes que o jogo double pagar um branco. O que ele tenha um botão de start para todas as vezes que eu clicar nesse botão o APP faça as análises - Initial Deployment
b8fc06a verified | <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Double AI Analyzer</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%); | |
| } | |
| .pulse-animation { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } | |
| 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } | |
| } | |
| .result-card { | |
| transition: all 0.3s ease; | |
| } | |
| .result-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-100 font-sans"> | |
| <div class="min-h-screen"> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i class="fas fa-robot text-2xl"></i> | |
| <h1 class="text-2xl font-bold">Double AI Analyzer</h1> | |
| </div> | |
| <div class="hidden md:flex space-x-4"> | |
| <a href="#" class="hover:text-gray-200">Início</a> | |
| <a href="#" class="hover:text-gray-200">Histórico</a> | |
| <a href="#" class="hover:text-gray-200">Configurações</a> | |
| <a href="#" class="hover:text-gray-200">Ajuda</a> | |
| </div> | |
| <button class="md:hidden text-xl"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="max-w-6xl mx-auto"> | |
| <!-- Hero Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-6 md:mb-0"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Análise Inteligente em Tempo Real</h2> | |
| <p class="text-gray-600 mb-6"> | |
| Nosso sistema de IA analisa padrões no jogo Double para tentar prever quando o branco pode aparecer. | |
| Clique em "Iniciar Análise" para começar o monitoramento automático. | |
| </p> | |
| <button id="startBtn" class="pulse-animation bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-full flex items-center space-x-3 transition duration-300"> | |
| <i class="fas fa-play"></i> | |
| <span>Iniciar Análise</span> | |
| </button> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="https://via.placeholder.com/400x250/3b82f6/ffffff?text=Double+AI" alt="Double AI" class="rounded-lg shadow-md"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Analysis Console --> | |
| <section class="bg-gray-800 rounded-xl shadow-md p-6 mb-8"> | |
| <h3 class="text-xl font-bold text-white mb-4">Console de Análise</h3> | |
| <div class="bg-black rounded-lg p-4 h-64 overflow-y-auto font-mono text-sm text-green-400" id="consoleOutput"> | |
| <div>> Sistema pronto. Aguardando comando para iniciar análise...</div> | |
| </div> | |
| <div class="flex justify-between items-center mt-4"> | |
| <span class="text-gray-400 text-sm">Status: <span id="statusText" class="text-yellow-400">Ocioso</span></span> | |
| <div class="flex space-x-2"> | |
| <button id="stopBtn" class="bg-red-500 hover:bg-red-600 text-white py-2 px-4 rounded-lg transition duration-300 hidden"> | |
| <i class="fas fa-stop"></i> Parar | |
| </button> | |
| <button id="clearBtn" class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-4 rounded-lg transition duration-300"> | |
| <i class="fas fa-trash"></i> Limpar | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Results Section --> | |
| <section class="mb-8"> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-6">Resultados da Análise</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="result-card bg-white p-6 rounded-xl shadow-md border-t-4 border-blue-500"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h4 class="font-bold text-gray-700">Último Branco</h4> | |
| <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full">AO VIVO</span> | |
| </div> | |
| <div class="text-4xl font-bold text-gray-800 mb-2" id="lastWhiteTime">00:00</div> | |
| <p class="text-gray-600 text-sm" id="lastWhiteStats">Nenhum branco detectado ainda</p> | |
| </div> | |
| <div class="result-card bg-white p-6 rounded-xl shadow-md border-t-4 border-purple-500"> | |
| <h4 class="font-bold text-gray-700 mb-4">Padrão Detectado</h4> | |
| <div class="mb-4"> | |
| <div class="flex justify-between mb-1"> | |
| <span class="text-sm font-medium text-gray-700">Confiança</span> | |
| <span class="text-sm font-medium text-gray-700" id="confidenceValue">0%</span> | |
| </div> | |
| <div class="w-full bg-gray-200 rounded-full h-2.5"> | |
| <div id="confidenceBar" class="bg-purple-600 h-2.5 rounded-full" style="width: 0%"></div> | |
| </div> | |
| </div> | |
| <div class="text-sm text-gray-600" id="patternInfo"> | |
| Ainda não há padrões suficientes para análise. | |
| </div> | |
| </div> | |
| <div class="result-card bg-white p-6 rounded-xl shadow-md border-t-4 border-green-500"> | |
| <h4 class="font-bold text-gray-700 mb-4">Próxima Previsão</h4> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-clock text-gray-500 mr-2"></i> | |
| <span class="text-gray-600" id="nextPredictionTime">Não disponível</span> | |
| </div> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-percentage text-gray-500 mr-2"></i> | |
| <span class="text-gray-600" id="nextPredictionChance">-</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-history text-gray-500 mr-2"></i> | |
| <span class="text-gray-600" id="accuracyRate">-</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- History Section --> | |
| <section> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h3 class="text-2xl font-bold text-gray-800">Histórico de Brancos</h3> | |
| <button class="text-blue-600 hover:text-blue-800 flex items-center"> | |
| <i class="fas fa-download mr-1"></i> | |
| <span>Exportar</span> | |
| </button> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <table class="min-w-full divide-y divide-gray-200"> | |
| <thead class="bg-gray-50"> | |
| <tr> | |
| <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Data/Hora</th> | |
| <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Rodada</th> | |
| <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Previsão</th> | |
| <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Resultado</th> | |
| <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Detalhes</th> | |
| </tr> | |
| </thead> | |
| <tbody class="bg-white divide-y divide-gray-200" id="historyTable"> | |
| <!-- Will be populated by JavaScript --> | |
| <tr> | |
| <td colspan="5" class="px-6 py-4 text-center text-gray-500">Nenhum dado histórico disponível</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </section> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="gradient-bg text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <h3 class="text-xl font-bold mb-2">Double AI Analyzer</h3> | |
| <p class="text-gray-300">Tecnologia de análise preditiva</p> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="hover:text-gray-300"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="hover:text-gray-300"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="hover:text-gray-300"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="hover:text-gray-300"><i class="fab fa-linkedin-in"></i></a> | |
| </div> | |
| </div> | |
| <hr class="border-gray-700 my-6"> | |
| <div class="text-center text-gray-300 text-sm"> | |
| <p>© 2023 Double AI Analyzer. Este é um simulador educacional e não garante resultados reais.</p> | |
| <p class="mt-2">Jogos de azar são para maiores de 18 anos. Jogue com responsabilidade.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </div> | |
| <script> | |
| // Console operations | |
| const consoleOutput = document.getElementById('consoleOutput'); | |
| const startBtn = document.getElementById('startBtn'); | |
| const stopBtn = document.getElementById('stopBtn'); | |
| const clearBtn = document.getElementById('clearBtn'); | |
| const statusText = document.getElementById('statusText'); | |
| // Result elements | |
| const lastWhiteTime = document.getElementById('lastWhiteTime'); | |
| const lastWhiteStats = document.getElementById('lastWhiteStats'); | |
| const confidenceValue = document.getElementById('confidenceValue'); | |
| const confidenceBar = document.getElementById('confidenceBar'); | |
| const patternInfo = document.getElementById('patternInfo'); | |
| const nextPredictionTime = document.getElementById('nextPredictionTime'); | |
| const nextPredictionChance = document.getElementById('nextPredictionChance'); | |
| const accuracyRate = document.getElementById('accuracyRate'); | |
| const historyTable = document.getElementById('historyTable'); | |
| let isAnalyzing = false; | |
| let analysisInterval; | |
| let whiteCounter = 0; | |
| let demoData = [ | |
| { time: "13:45", round: "Round 245", prediction: "Alta (65%)", result: "Acerto" }, | |
| { time: "12:30", round: "Round 210", prediction: "Média (42%)", result: "Erro" }, | |
| { time: "11:15", round: "Round 178", prediction: "Baixa (23%)", result: "Erro" }, | |
| { time: "10:00", round: "Round 145", prediction: "Alta (71%)", result: "Acerto" }, | |
| ]; | |
| // Function to add text to console | |
| function addToConsole(text, color = 'text-green-400') { | |
| const now = new Date(); | |
| const timestamp = now.toLocaleTimeString(); | |
| const div = document.createElement('div'); | |
| div.className = `flex ${color}`; | |
| div.innerHTML = `<span class="text-gray-500 mr-2">[${timestamp}]</span> ${text}`; | |
| consoleOutput.appendChild(div); | |
| consoleOutput.scrollTop = consoleOutput.scrollHeight; | |
| } | |
| // Function to start analysis | |
| function startAnalysis() { | |
| isAnalyzing = true; | |
| startBtn.classList.add('hidden'); | |
| stopBtn.classList.remove('hidden'); | |
| statusText.textContent = 'Analisando...'; | |
| statusText.className = 'text-green-400'; | |
| addToConsole('Iniciando análise do jogo Double...'); | |
| addToConsole('Conectando à plataforma...'); | |
| // Simulate connection | |
| setTimeout(() => { | |
| addToConsole('Conexão estabelecida com sucesso!'); | |
| addToConsole('Monitorando rodadas em tempo real...'); | |
| // Start periodic analysis | |
| analysisInterval = setInterval(simulateAnalysis, 3000); | |
| }, 2000); | |
| } | |
| // Function to stop analysis | |
| function stopAnalysis() { | |
| isAnalyzing = false; | |
| startBtn.classList.remove('hidden'); | |
| stopBtn.classList.add('hidden'); | |
| statusText.textContent = 'Ocioso'; | |
| statusText.className = 'text-yellow-400'; | |
| clearInterval(analysisInterval); | |
| addToConsole('Análise interrompida pelo usuador.', 'text-red-400'); | |
| } | |
| // Function to clear console | |
| function clearConsole() { | |
| consoleOutput.innerHTML = '<div>> Sistema pronto. Aguardando comando para iniciar análise...</div>'; | |
| } | |
| // Simulate analysis process | |
| function simulateAnalysis() { | |
| // Random number to determine if we'll detect a white event | |
| const randomEvent = Math.random(); | |
| if (randomEvent > 0.7) { // 30% chance to "detect" a white event | |
| whiteCounter++; | |
| const now = new Date(); | |
| const hours = now.getHours().toString().padStart(2, '0'); | |
| const minutes = now.getMinutes().toString().padStart(2, '0'); | |
| const currentTime = `${hours}:${minutes}`; | |
| // Update last white time | |
| lastWhiteTime.textContent = currentTime; | |
| lastWhiteStats.textContent = `Branco detectado pela ${whiteCounter}ª vez`; | |
| // Update confidence level | |
| const confidence = Math.min(95, Math.floor(Math.random() * 30) + 65); | |
| confidenceValue.textContent = `${confidence}%`; | |
| confidenceBar.style.width = `${confidence}%`; | |
| // Update pattern info | |
| const patterns = [ | |
| "Padrão detectado após 3 rodadas vermelhas", | |
| "Sequência de 2 brancos em 5 rodadas detectada", | |
| "Alta frequência após rodadas pares", | |
| "Ocorrência comum entre 15-20 minutos", | |
| ]; | |
| patternInfo.textContent = patterns[Math.floor(Math.random() * patterns.length)]; | |
| // Update next prediction | |
| const nextMinutes = (now.getMinutes() + Math.floor(Math.random() * 5) + 5) % 60; | |
| const nextTime = `${hours}:${nextMinutes.toString().padStart(2, '0')}`; | |
| nextPredictionTime.textContent = `Próxima possível: ${nextTime}`; | |
| const predictionChance = Math.floor(Math.random() * 30) + 60; | |
| nextPredictionChance.textContent = `Chance estimada: ${predictionChance}%`; | |
| const accuracy = Math.floor(Math.random() * 30) + 60; | |
| accuracyRate.textContent = `Taxa de acerto: ${accuracy}% (${whiteCounter}/5)`; | |
| // Add to history | |
| addToConsole(`Branco detectado às ${currentTime}! Analisando padrões...`, 'text-yellow-400'); | |
| // Add to history table | |
| const newData = { | |
| time: currentTime, | |
| round: `Round ${Math.floor(Math.random() * 500) + 100}`, | |
| prediction: `${predictionChance > 70 ? 'Alta' : predictionChance > 40 ? 'Média' : 'Baixa'} (${predictionChance}%)`, | |
| result: Math.random() > 0.3 ? 'Acerto' : 'Erro', | |
| details: 'Ver análise' | |
| }; | |
| demoData.unshift(newData); | |
| updateHistoryTable(); | |
| // Simulate AI processing | |
| setTimeout(() => { | |
| addToConsole('Análise de padrões concluída. Atualizando modelo preditivo...'); | |
| }, 1000); | |
| } else { | |
| addToConsole('Monitorando rodada atual...'); | |
| } | |
| } | |
| // Update history table | |
| function updateHistoryTable() { | |
| historyTable.innerHTML = ''; | |
| demoData.forEach(item => { | |
| const row = document.createElement('tr'); | |
| row.className = 'hover:bg-gray-50'; | |
| const timeCell = document.createElement('td'); | |
| timeCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-900'; | |
| timeCell.textContent = item.time; | |
| const roundCell = document.createElement('td'); | |
| roundCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-500'; | |
| roundCell.textContent = item.round; | |
| const predictionCell = document.createElement('td'); | |
| predictionCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-500'; | |
| predictionCell.textContent = item.prediction; | |
| const resultCell = document.createElement('td'); | |
| resultCell.className = `px-6 py-4 whitespace-nowrap text-sm font-medium ${ | |
| item.result === 'Acerto' ? 'text-green-600' : 'text-red-600' | |
| }`; | |
| resultCell.textContent = item.result; | |
| const detailsCell = document.createElement('td'); | |
| detailsCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-blue-600 hover:text-blue-800'; | |
| detailsCell.innerHTML = '<a href="#">Ver detalhes</a>'; | |
| row.appendChild(timeCell); | |
| row.appendChild(roundCell); | |
| row.appendChild(predictionCell); | |
| row.appendChild(resultCell); | |
| row.appendChild(detailsCell); | |
| historyTable.appendChild(row); | |
| }); | |
| } | |
| // Event listeners | |
| startBtn.addEventListener('click', startAnalysis); | |
| stopBtn.addEventListener('click', stopAnalysis); | |
| clearBtn.addEventListener('click', clearConsole); | |
| // Initialize history table | |
| updateHistoryTable(); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Tiago520/double-branco" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |