🎮 Quiz GTA VI : Seuls 5% des fans auront 12/12 !

* { margin: 0; padding: 0; box-sizing: border-box; } .quiz-container { max-width: 800px; margin: 20px auto; padding: 30px; background: linear-gradient(135deg, #fb454c 0%, #0f0f30 100%); border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } .quiz-header { text-align: center; color: white; margin-bottom: 30px; } .quiz-header h1 { font-size: 2.5em; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .progress-bar { background: rgba(255,255,255,0.2); height: 10px; border-radius: 5px; overflow: hidden; margin: 20px 0; } .progress-fill { background: #4ade80; height: 100%; width: 0%; transition: width 0.3s ease; } .question-card { background: #DFDFE2; padding: 30px; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .question-number { color: #fb454c; font-weight: bold; font-size: 0.9em; margin-bottom: 15px; } .question-text { font-size: 1.3em; color: #0f0f30; margin-bottom: 25px; line-height: 1.5; } .hint { background: #fff3cd; padding: 15px; border-radius: 10px; margin-bottom: 20px; border-left: 4px solid #fb454c; font-size: 0.95em; color: #0f0f30; } .hint-label { font-weight: bold; margin-bottom: 5px; } .options { display: grid; gap: 15px; } .option { background: white; padding: 18px 20px; border-radius: 10px; border: 2px solid #DFDFE2; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; font-size: 1.05em; color: #0f0f30; } .option:hover { background: #f8f8f9; border-color: #fb454c; transform: translateX(5px); } .option.selected { background: #ffe6e8; border-color: #fb454c; } .option.correct { background: #d1fae5; border-color: #10b981; } .option.incorrect { background: #fee2e2; border-color: #ef4444; } .option-letter { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #fb454c; color: white; border-radius: 50%; font-weight: bold; margin-right: 15px; flex-shrink: 0; } .button-container { display: flex; gap: 15px; margin-top: 25px; justify-content: space-between; } .btn { padding: 15px 30px; border: none; border-radius: 10px; font-size: 1.1em; font-weight: bold; cursor: pointer; transition: all 0.3s ease; flex: 1; } .btn-primary { background: #fb454c; color: white; } .btn-primary:hover { background: #e03d44; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(251, 69, 76, 0.4); } .btn-secondary { background: #DFDFE2; color: #0f0f30; } .btn-secondary:hover { background: #d0d0d3; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results-card { background: #DFDFE2; padding: 40px; border-radius: 15px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .score-display { font-size: 4em; color: #fb454c; font-weight: bold; margin: 20px 0; } .results-message { font-size: 1.5em; color: #0f0f30; margin-bottom: 15px; font-weight: bold; } .results-anecdote { background: #fff; padding: 20px; border-radius: 10px; margin: 25px 0; border-left: 4px solid #fb454c; font-size: 1.05em; color: #0f0f30; line-height: 1.6; } .restart-btn { background: #fb454c; color: white; padding: 15px 40px; border: none; border-radius: 10px; font-size: 1.2em; font-weight: bold; cursor: pointer; margin-top: 20px; transition: all 0.3s ease; } .restart-btn:hover { background: #e03d44; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(251, 69, 76, 0.4); } .hidden { display: none; } @media (max-width: 600px) { .quiz-container { padding: 20px; } .quiz-header h1 { font-size: 1.8em; } .question-text { font-size: 1.1em; } .button-container { flex-direction: column; } } const quizData = [ { question: "Quelle est la date de sortie finale annoncée pour Grand Theft Auto VI, suite à plusieurs reports ?", options: ["Décembre 2025", "Automne 2025", "19 novembre 2026", "26 mai 2026"], correct: 2, hint: "La date finale a été fixée après deux reports successifs de la fenêtre de lancement initiale." }, { question: "Comment s'appelle l'État fictif, inspiré de la Floride, dans lequel se déroule principalement l'action de GTA VI ?", options: ["Vice State", "Leonida", "Liberty State", "San Andreas"], correct: 1, hint: "Le nom de cet État est révélé dans les bandes-annonces et est distinct de celui de sa ville principale, Vice City." }, { question: "Quelle technologie majeure du moteur RAGE 9 est présentée comme la réponse de Rockstar à la technologie 'Nanite' d'Unreal Engine 5 ?", options: ["Le streaming de géométrie virtualisée", "L'illumination globale par ray tracing", "La couche d'animation procédurale", "Le rendu hybride différé"], correct: 0, hint: "Cette innovation technique permet de créer des mondes ouverts avec une fidélité visuelle sans précédent, en gérant efficacement un grand nombre de polygones." }, { question: "Quel célèbre duo criminel historique a été la principale source d'inspiration pour l'histoire de Lucia et Jason ?", options: ["Bonnie et Clyde", "Butch Cassidy et le Sundance Kid", "Les frères Dalton", "John Dillinger et Baby Face Nelson"], correct: 0, hint: "Ce couple est devenu une icône de la culture populaire pour ses braquages durant la Grande Dépression aux États-Unis." }, { question: "Parmi les personnages secondaires révélés, qui est décrit comme un trafiquant de drogue expérimenté des Keys et un employeur de Jason ?", options: ["Brian Heder", "Raul Bautista", "Cal Hampton", "Boobie Ike"], correct: 1, hint: "Ce personnage est une figure du passé de la contrebande et possède une propriété où Jason réside." }, { question: "Quelle ville fictive de Leonida, inspirée de Panama City, est décrite comme une ancienne station balnéaire en déclin avec des motels miteux et des parcs d'attractions abandonnés ?", options: ["Ocean Beach", "Port Gellhorn", "Tisha-Wocka", "Ambrosia"], correct: 1, hint: "Le nom de cette ville suggère sa localisation près de l'eau, sur la côte ouest de l'État." }, { question: "D'après les fuites qui auraient été confirmées, quel mécanisme de jeu fera son retour dans GTA VI, influençant l'apparence physique et les statistiques des personnages ?", options: ["Le système dynamique de poids et de forme physique", "Les relations amoureuses avec des PNJ", "Le système de guerres de gangs", "Le système d'achat d'entreprises"], correct: 0, hint: "Cette fonctionnalité, très appréciée dans GTA: San Andreas, permet une personnalisation plus poussée de la condition physique du protagoniste." }, { question: "Quelle est la particularité de Lucia qui marque une première historique pour un jeu principal de la saga Grand Theft Auto ?", options: ["Elle est la première femme protagoniste jouable.", "Elle est le premier protagoniste à être d'origine latine.", "Elle est le premier protagoniste à savoir nager.", "Elle est le premier protagoniste à avoir un passé en prison."], correct: 0, hint: "Ce changement majeur reflète une évolution de Rockstar vers une narration plus diverse." }, { question: "Quel événement survenu en septembre 2022 a été décrit comme l'une des plus grandes fuites de l'histoire du jeu vidéo, concernant GTA VI ?", options: ["La publication anticipée de la première bande-annonce.", "Une fuite massive de 90 vidéos montrant le jeu en développement.", "La divulgation du script complet du jeu.", "La révélation de la carte complète du jeu par le fils d'un employé."], correct: 1, hint: "L'auteur de cette fuite, se faisant appeler teapotuberhacker, a publié des dizaines de clips sur un forum de fans." }, { question: "Inspirée des Everglades, quelle est le nom de la vaste zone marécageuse de Leonida ?", options: ["Les Grassrivers", "Les Keys de Leonida", "Mont Kalaga", "Ambrosia"], correct: 0, hint: "Le nom de cette région sauvage fait directement référence à l'herbe haute et aux cours d'eau qui la caractérisent." }, { question: "Quelle chanson a été utilisée dans la deuxième bande-annonce de GTA VI, sortie en mai 2025 ?", options: ["Hot Together de The Pointer Sisters", "Everybody Have Fun Tonight de Wang Chung", "Love Is a Long Road de Tom Petty", "I Love Rock 'n' Roll de Joan Jett"], correct: 0, hint: "Le groupe interprétant cette chanson est célèbre pour d'autres tubes des années 80 comme 'I'm So Excited'." }, { question: "D'après les offres d'emploi publiées par Rockstar, quel domaine semble faire l'objet d'un développement approfondi pour rendre GTA VI plus inclusif ?", options: ["Le cross-play entre différentes plateformes", "La personnalisation des stations de radio", "Les options d'accessibilité", "La compatibilité avec la réalité virtuelle"], correct: 2, hint: "Ces fonctionnalités visent à améliorer l'expérience pour les joueurs ayant des déficiences auditives ou visuelles, une tendance croissante dans l'industrie." } ]; let currentQuestion = 0; let score = 0; let answers = []; function renderQuestion() { const question = quizData[currentQuestion]; const progress = ((currentQuestion + 1) / quizData.length) * 100; document.getElementById('progressBar').style.width = progress + '%'; const html = ` `; document.getElementById('quizContent').innerHTML = html; if (answers[currentQuestion] !== undefined) { selectOption(answers[currentQuestion], true); } } function selectOption(index, noSave = false) { const options = document.querySelectorAll('.option'); options.forEach(opt => opt.classList.remove('selected')); options[index].classList.add('selected'); if (!noSave) { answers[currentQuestion] = index; } document.getElementById('nextBtn').disabled = false; } function previousQuestion() { if (currentQuestion > 0) { currentQuestion--; renderQuestion(); } } function nextQuestion() { if (currentQuestion { if (answer === quizData[index].correct) { score++; } }); const percentage = (score / quizData.length) * 100; let message, anecdote; if (percentage === 100) { message = "🏆 PARFAIT ! Vous êtes un vrai expert de GTA VI !"; anecdote = "Le saviez-vous ? Le développement de GTA VI a coûté plus de 2 milliards de dollars, en faisant le jeu le plus cher jamais créé. Rockstar a embauché plus de 1000 personnes uniquement pour ce projet colossal !"; } else if (percentage >= 80) { message = "🌟 Impressionnant ! Vous suivez l'actualité de près !"; anecdote = "Anecdote : La première bande-annonce de GTA VI a battu tous les records avec 93 millions de vues en 24h, surpassant même les plus gros blockbusters hollywoodiens !"; } else if (percentage >= 60) { message = "👍 Pas mal ! Vous connaissez les bases de GTA VI"; anecdote = "Fun fact : Leonida, l'État fictif du jeu, fait environ 2,5 fois la taille de la carte de GTA V. Il faudra plusieurs minutes de vol en avion pour la traverser !"; } else if (percentage >= 40) { message = "🎮 Vous êtes sur la bonne voie !"; anecdote = "Le saviez-vous ? Lucia et Jason sont doublés par des acteurs inconnus pour permettre aux joueurs de mieux s'identifier aux personnages, une technique chère à Rockstar."; } else { message = "🚗 Il est temps de réviser vos classiques !"; anecdote = "Entre nous : GTA V, sorti en 2013, a généré plus de 8 milliards de dollars de revenus. Avec GTA VI, Rockstar vise encore plus haut. Le temps d'attente en vaut la chandelle !"; } const html = ` `; document.getElementById('quizContent').innerHTML = html; document.getElementById('progressBar').style.width = '100%'; } function restartQuiz() { currentQuestion = 0; score = 0; answers = []; renderQuestion(); } renderQuestion();