مغامرة الرياضيات والسيارات والديناصور

مغامرة الرياضيات والسيارات * { box-sizing: border-box; } body { margin: 0; font-family: Tahoma, Arial, sans-serif; background: linear-gradient(135deg, #fff4c2, #c9f4ff); color: #222; text-align: center; } .container { max-width: 900px; margin: auto; padding: 20px; } h1 { color: #4433cc; font-size: clamp(28px, 6vw, 48px); margin-bottom: 8px; } .card { background: white; border-radius: 28px; padding: 22px; box-shadow: 0 14px 30px rgba(0,0,0,0.12); margin-top: 18px; } .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; } .stat { background: #f4f7ff; border: 3px solid #e2e7ff; border-radius: 20px; padding: 12px; font-weight: bold; } .stat span { display: block; color: #4433cc; font-size: 28px; margin-top: 4px; } .controls { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 18px; } select, input, button { font-family: inherit; font-size: 18px; border-radius: 18px; padding: 12px 16px; } select, input { border: 3px solid #d9d5ff; background: white; } input { width: 150px; text-align: center; direction: ltr; font-size: 30px; font-weight: bold; } button { border: 0; background: #6c63ff; color: white; font-weight: bold; cursor: pointer; box-shadow: 0 6px 0 #4d45c6; } button.orange { background: #ff9f1c; box-shadow: 0 6px 0 #c97000; } .question { display: inline-block; direction: ltr; font-size: clamp(42px, 12vw, 82px); font-weight: 900; background: #fff6cc; border: 4px solid #ffe07a; border-radius: 24px; padding: 14px 28px; margin: 12px 0; } .icons { min-height: 46px; font-size: 32px; margin: 8px auto; max-width: 650px; line-height: 1.35; word-break: break-word; } .message { min-height: 40px; font-size: 22px; font-weight: bold; margin-top: 12px; } .good { color: #168a55; } .bad { color: #d02f3a; } .hidden { display: none; } canvas { width: min(100%, 480px); height: auto; background: #333342; border: 6px solid #222231; border-radius: 24px; display: block; margin: auto; } .car-buttons { margin-top: 14px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .note { color: #555; font-weight: bold; } @media (max-width: 520px) { .controls { flex-direction: column; } select, input, button { width: 100%; } } 🚀 مغامرة الرياضيات والسيارات 10 أسئلة رياضيات ثم لعبة سيارات لمدة دقيقتين. إذا اصطدمت 3 مرات تخسر السباق. السؤال 1 / 10 النقاط 0 المستوى سهل ➕ جمع ➖ طرح ✖️ ضرب ➗ قسمة سهل متوسط صعب 🔄 ابدأ من جديد 🍎🍎 ➕ 🍎🍎🍎 2 + 3 = ? تحقق ✅ التالي 🎲 هيا نبدأ 🎈 🏎️ لعبة السيارات اجمع النجوم ⭐ وتجنب الحواجز 🚧 الوقت 02:00 النجوم 0 الاصطدامات 0 / 3 ⬅️ يسار يمين ➡️ استخدم الأسهم أو الأزرار للتحكم 🚗 let correctAnswer = 0; let questionNumber = 1; let mathScore = 0; let answered = false; const questionEl = document.getElementById("question"); const answerEl = document.getElementById("answer"); const messageEl = document.getElementById("mathMessage"); const iconsEl = document.getElementById("icons"); const questionNumberEl = document.getElementById("questionNumber"); const mathScoreEl = document.getElementById("mathScore"); const levelNameEl = document.getElementById("levelName"); function random(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } function getMaxNumber() { const level = document.getElementById("level").value; if (level === "easy") { levelNameEl.textContent = "سهل"; return 10; } if (level === "medium") { levelNameEl.textContent = "متوسط"; return 30; } levelNameEl.textContent = "صعب"; return 80; } function makeQuestion() { const op = document.getElementById("operation").value; const max = getMaxNumber(); let a = random(1, max); let b = random(1, max); if (op === "+") correctAnswer = a + b; if (op === "-") { if (b > a) [a, b] = [b, a]; correctAnswer = a - b; } if (op === "*") { a = random(1, max 12) { iconsEl.textContent = "🌟 فكر بهدوء... أنت تستطيع!"; return; } const appleA = "🍎".repeat(a); const appleB = "🍎".repeat(b); if (op === "+") iconsEl.textContent = `${appleA} ➕ ${appleB}`; else if (op === "-") iconsEl.textContent = `${appleA} ➖ ${appleB}`; else if (op === "*") iconsEl.textContent = `${a} مجموعات × ${b} 🍎`; else iconsEl.textContent = `${appleA} ➗ ${b} مجموعات`; } function checkAnswer() { if (answered) return; if (answerEl.value === "") { messageEl.className = "message bad"; messageEl.textContent = "اكتب إجابتك أولاً 😊"; return; } answered = true; if (Number(answerEl.value) === correctAnswer) { mathScore += 10; messageEl.className = "message good"; messageEl.textContent = "إجابة صحيحة! رائع 🎉"; } else { messageEl.className = "message bad"; messageEl.textContent = `الإجابة الصحيحة هي ${correctAnswer} 💪`; } mathScoreEl.textContent = mathScore; } function nextQuestion() { if (questionNumber >= 10) { startCarGame(); return; } questionNumber++; makeQuestion(); } function restartMath() { stopCarGame(); document.getElementById("carScreen").classList.add("hidden"); document.getElementById("mathScreen").classList.remove("hidden"); questionNumber = 1; mathScore = 0; makeQuestion(); } answerEl.addEventListener("keydown", function(e) { if (e.key === "Enter") { if (!answered) checkAnswer(); else nextQuestion(); } }); document.getElementById("operation").addEventListener("change", restartMath); document.getElementById("level").addEventListener("change", restartMath); const canvas = document.getElementById("game"); const ctx = canvas.getContext("2d"); let carGameRunning = false; let carTimer = null; let animationId = null; let secondsLeft = 120; let carScore = 0; let crashes = 0; let roadMove = 0; let car = { x: 210, y: 500, width: 58, height: 90 }; let objects = []; let keys = { left: false, right: false }; const carTimeEl = document.getElementById("carTime"); const carScoreEl = document.getElementById("carScore"); const crashesEl = document.getElementById("crashes"); const carMessageEl = document.getElementById("carMessage"); function startCarGame() { document.getElementById("mathScreen").classList.add("hidden"); document.getElementById("carScreen").classList.remove("hidden"); carGameRunning = true; secondsLeft = 120; carScore = 0; crashes = 0; objects = []; roadMove = 0; car.x = 210; updateCarStats(); carMessageEl.className = "message"; carMessageEl.textContent = "انطلق! اجمع النجوم وتجنب الحواجز 🚗"; carTimer = setInterval(function() { secondsLeft--; updateCarStats(); if (secondsLeft 0.035) return; const lanes = [90, 180, 270, 360]; const type = Math.random() < 0.6 ? "star" : "barrier"; objects.push({ x: lanes[random(0, lanes.length - 1)], y: -40, type: type }); } function drawObjects() { ctx.font = "36px Arial"; for (const obj of objects) { ctx.fillText(obj.type === "star" ? "⭐" : "🚧", obj.x, obj.y); } } function moveObjects() { for (const obj of objects) obj.y += 5; objects = objects.filter(obj => obj.y < canvas.height + 40); } function moveCar() { if (keys.left) car.x -= 7; if (keys.right) car.x += 7; car.x = Math.max(60, Math.min(canvas.width - 110, car.x)); } function checkCarCollision() { const carBox = { x: car.x, y: car.y, width: car.width, height: car.height }; for (const obj of objects) { const objBox = { x: obj.x, y: obj.y - 35, width: 35, height: 35 }; const hit = carBox.x objBox.x && carBox.y objBox.y; if (hit && !obj.hit) { obj.hit = true; if (obj.type === "star") { carScore++; carMessageEl.className = "message good"; carMessageEl.textContent = "جمعت نجمة! ⭐"; } else { crashes++; carMessageEl.className = "message bad"; carMessageEl.textContent = `اصطدام! بقي ${3 - crashes} محاولات 🚧`; if (crashes >= 3) { updateCarStats(); loseCarGame(); return; } } updateCarStats(); } } objects = objects.filter(obj => !obj.hit); } function gameLoop() { if (!carGameRunning) return; roadMove = (roadMove + 7) % 110; drawRoad(); moveCar(); addObject(); moveObjects(); checkCarCollision(); drawObjects(); drawCar(); animationId = requestAnimationFrame(gameLoop); } window.addEventListener("keydown", function(e) { if (e.key === "ArrowLeft") keys.left = true; if (e.key === "ArrowRight") keys.right = true; }); window.addEventListener("keyup", function(e) { if (e.key === "ArrowLeft") keys.left = false; if (e.key === "ArrowRight") keys.right = false; }); function holdButton(id, keyName) { const button = document.getElementById(id); button.addEventListener("mousedown", () => keys[keyName] = true); button.addEventListener("mouseup", () => keys[keyName] = false); button.addEventListener("mouseleave", () => keys[keyName] = false); button.addEventListener("touchstart", e => { e.preventDefault(); keys[keyName] = true; }); button.addEventListener("touchend", e => { e.preventDefault(); keys[keyName] = false; }); } holdButton("leftBtn", "left"); holdButton("rightBtn", "right"); makeQuestion();

مغامرة الرياضيات والسيارات والديناصور

🚀 مغامرة الرياضيات والسيارات

🏎️ لعبة السيارات

Persuasion is often more effectual than force

Persuasion is often more effectual than force

There May Be No Consoles in the Future, EA Exec Says

Enhancing Learning in Science

The Role of Technology in Engineering

Academic Resources for Students

Research Articles: A Gateway to Knowledge

Educational Courses for Professional Development

Staying Updated with Scientific Developments

🚀 مغامرة الرياضيات والسيارات

🏎️ لعبة السيارات

Subscribe to our mailing list to get the new updates!

Dutch Writing Exam 05

Persuasion is often more effectual than force

Persuasion is often more effectual than force

There May Be No Consoles in the Future, EA Exec Says

Enhancing Learning in Science

The Role of Technology in Engineering

Academic Resources for Students

Research Articles: A Gateway to Knowledge

Educational Courses for Professional Development

Staying Updated with Scientific Developments