Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7YXImcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICAgJmx0O21ldGEgY2hhcnNldD0mcXVvdDtVVEYtOCZxdW90OyZndDsKICAgICZsdDttZXRhIG5hbWU9JnF1b3Q7dmlld3BvcnQmcXVvdDsgY29udGVudD0mcXVvdDt3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wJnF1b3Q7Jmd0OwogICAgJmx0O3RpdGxlJmd0O9mC2LfYqSDYs9mI2K/Yp9ihINmF2KrYrdix2YPYqSZsdDsvdGl0bGUmZ3Q7CiAgICAmbHQ7c2NyaXB0IHNyYz0mcXVvdDtodHRwczovL2MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmUuY29tL2FqYXgvbGlicy9wNS5qcy8xLjQuMC9wNS5qcyZxdW90OyZndDsmbHQ7L3NjcmlwdCZndDsKJmx0Oy9oZWFkJmd0OwombHQ7Ym9keSZndDsKICAgICZsdDtzY3JpcHQmZ3Q7CiAgICAgICAgbGV0IGNhdFg7IC8vINmF2YjZgti5INin2YTZgti32Kkg2KfZhNij2YHZgtmKCiAgICAgICAgbGV0IGNhdFk7IC8vINmF2YjZgti5INin2YTZgti32Kkg2KfZhNi52YXZiNiv2YoKCiAgICAgICAgZnVuY3Rpb24gc2V0dXAoKSB7CiAgICAgICAgICAgIGNyZWF0ZUNhbnZhcyh3aW5kb3dXaWR0aCwgd2luZG93SGVpZ2h0KTsgLy8g2KXZhti02KfYoSDZhNmI2K3YqSDYqNmG2YHYsyDYrdis2YUg2KfZhNi02KfYtNipCiAgICAgICAgICAgIGNhdFggPSB3aWR0aCAvIDI7IC8vINiq2LnZitmK2YYg2YXZiNmC2Lkg2KfZhNmC2LfYqSDZgdmKINin2YTZhdmG2KrYtdmBCiAgICAgICAgICAgIGNhdFkgPSBoZWlnaHQgLyAyOyAvLyDYqti52YrZitmGINmF2YjZgti5INin2YTZgti32Kkg2YHZiiDYp9mE2YXZhtiq2LXZgQogICAgICAgIH0KCiAgICAgICAgZnVuY3Rpb24gZHJhdygpIHsKICAgICAgICAgICAgYmFja2dyb3VuZCgyMDApOyAvLyDYrtmE2YHZitipINix2YXYp9iv2YrYqQogICAgICAgICAgICBkcmF3Q2F0KGNhdFgsIGNhdFkpOyAvLyDYsdiz2YUg2KfZhNmC2LfYqQogICAgICAgICAgICBjYXRZICs9IHJhbmRvbSgtMSwgMSk7IC8vINin2YTYqtit2LHZitmDINi52LTZiNin2KbZitmL2Kcg2YTYo9i52YTZiSDZiNij2LPZgdmECgogICAgICAgICAgICAvLyDYpdiq2KfYrdipINit2LHZg9ipINin2YTZgti32Kkg2LnYqNixINin2YTYrdmI2KfZgQogICAgICAgICAgICBpZiAoY2F0WSAmZ3Q7IGhlaWdodCkgewogICAgICAgICAgICAgICAgY2F0WSA9IDA7CiAgICAgICAgICAgIH0gZWxzZSBpZiAoY2F0WSAmbHQ7IDApIHsKICAgICAgICAgICAgICAgIGNhdFkgPSBoZWlnaHQ7CiAgICAgICAgICAgIH0KICAgICAgICB9CgogICAgICAgIGZ1bmN0aW9uIGRyYXdDYXQoeCwgeSkgewogICAgICAgICAgICBmaWxsKDApOyAvLyDZhNmI2YYg2KfZhNmC2LfYqSDYo9iz2YjYrwogICAgICAgICAgICAvLyDYrNiz2YUg2KfZhNmC2LfYqQogICAgICAgICAgICBlbGxpcHNlKHgsIHksIDUwLCAzMCk7IC8vINis2LPZhSDYp9mE2YLYt9ipCiAgICAgICAgICAgIC8vINix2KPYsyDYp9mE2YLYt9ipCiAgICAgICAgICAgIGVsbGlwc2UoeCwgeSAtIDIwLCAzMCwgMzApOyAvLyDYsdij2LMg2KfZhNmC2LfYqQogICAgICAgICAgICAvLyDYo9iw2KfZhiDYp9mE2YLYt9ipCiAgICAgICAgICAgIHRyaWFuZ2xlKHggLSAxNSwgeSAtIDIwLCB4IC0gMjAsIHkgLSAzNSwgeCAtIDEwLCB5IC0gMjApOyAvLyDYo9iw2YYg2YrZhdmG2YkKICAgICAgICAgICAgdHJpYW5nbGUoeCArIDE1LCB5IC0gMjAsIHggKyAyMCwgeSAtIDM1LCB4ICsgMTAsIHkgLSAyMCk7IC8vINij2LDZhiDZitiz2LHZiQogICAgICAgICAgICAvLyDYudmK2YjZhiDYp9mE2YLYt9ipCiAgICAgICAgICAgIGZpbGwoMjU1KTsgLy8g2YTZiNmGINin2YTYudmK2YjZhiDYo9io2YrYtgogICAgICAgICAgICBlbGxpcHNlKHggLSAxMCwgeSAtIDIwLCAxMCwgMTApOyAvLyDYudmK2YYg2YrZhdmG2YkKICAgICAgICAgICAgZWxsaXBzZSh4ICsgMTAsIHkgLSAyMCwgMTAsIDEwKTsgLy8g2LnZitmGINmK2LPYsdmJCiAgICAgICAgICAgIGZpbGwoMCk7IC8vINmE2YjZhiDYstix2YLYqSDYp9mE2LnZitmI2YYKICAgICAgICAgICAgZWxsaXBzZSh4IC0gMTAsIHkgLSAyMCwgNSwgNSk7IC8vINio2KTYqNikINi52YrZhiDZitmF2YbZiQogICAgICAgICAgICBlbGxpcHNlKHggKyAxMCwgeSAtIDIwLCA1LCA1KTsgLy8g2KjYpNio2KQg2LnZitmGINmK2LPYsdmJCiAgICAgICAgfQogICAgJmx0Oy9zY3JpcHQmZ3Q7CiZsdDsvYm9keSZndDsKJmx0Oy9odG1sJmd0Ow==
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>قطة سوداء متحركة</title>
<script src="https://c...content-available-to-author-only...e.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
</head>
<body>
<script>
let catX; // موقع القطة الأفقي
let catY; // موقع القطة العمودي
function setup() {
createCanvas(windowWidth, windowHeight); // إنشاء لوحة بنفس حجم الشاشة
catX = width / 2; // تعيين موقع القطة في المنتصف
catY = height / 2; // تعيين موقع القطة في المنتصف
}
function draw() {
background(200); // خلفية رمادية
drawCat(catX, catY); // رسم القطة
catY += random(-1, 1); // التحريك عشوائيًا لأعلى وأسفل
// إتاحة حركة القطة عبر الحواف
if (catY > height) {
catY = 0;
} else if (catY < 0) {
catY = height;
}
}
function drawCat(x, y) {
fill(0); // لون القطة أسود
// جسم القطة
ellipse(x, y, 50, 30); // جسم القطة
// رأس القطة
ellipse(x, y - 20, 30, 30); // رأس القطة
// أذان القطة
triangle(x - 15, y - 20, x - 20, y - 35, x - 10, y - 20); // أذن يمنى
triangle(x + 15, y - 20, x + 20, y - 35, x + 10, y - 20); // أذن يسرى
// عيون القطة
fill(255); // لون العيون أبيض
ellipse(x - 10, y - 20, 10, 10); // عين يمنى
ellipse(x + 10, y - 20, 10, 10); // عين يسرى
fill(0); // لون زرقة العيون
ellipse(x - 10, y - 20, 5, 5); // بؤبؤ عين يمنى
ellipse(x + 10, y - 20, 5, 5); // بؤبؤ عين يسرى
}
</script>
</body>
</html>