صفحة 173 - كتاب المهارات الرقمية - الصف 9 - الفصل 1 - المملكة العربية السعودية

📚 الإحداثيات في بايثون

المفاهيم الأساسية

نظام إحداثيات لوحة الرسم (Canvas): نظام يختلف عن النظام الديكارتي، حيث تكون النقطة (0، 0) في الزاوية اليسرى العليا للوحة.

البكسل: النموذج الأساسي لهذا النظام، حيث يتم التعبير عن الإحداثيات كأعداد صحيحة بنماذج البكسل.

خريطة المفاهيم

```markmap

بناء واجهات المستخدم الرسومية (GUI) بلغة بايثون

النموذج البرمجي تيكينتر (tkinter)

وظيفته

• يحتوي على نصوص برمجية جاهزة
• يستخدم لرسم أشكال ورسومات على نافذة

المكون الأساسي: لوحة الرسم (Canvas)

• منطقة مستطيلة للرسم
• يمكن وضع رسومات أو نصوص أو عناصر واجهة فيها

#### نظام إحداثيات لوحة الرسم

##### الفرق عن النظام الديكارتي

• الأصل (0،0) في الزاوية اليسرى العليا
• إحداثيات x: تزيد باتجاه اليمين (مثل النظام الديكارتي)
• إحداثيات y: تزيد باتجاه الأسفل (عكس النظام الديكارتي)

##### النموذج الأساسي

• البكسل
• الإحداثيات تُعبر عنها كأعداد صحيحة

خطوات إنشاء نافذة الرسم

1. استيراد النموذج

2. إنشاء النافذة الأساسية

3. ضبط لوحة الرسم (الحجم واللون)

4. وضع العناصر على النافذة

#### رسم الخطوط

##### الدالة

• canvas.create_line(x-start, y-start, x-end, y-end)

##### المعاملات

• إحداثيات x و y لبداية ونهاية الخط
• يمكن استخدام عوامل تعيئة وعرض "القلم"

تحديد الألوان في تيكينتر

الطريقة الأولى: الأسماء المعيارية

• أبيض، أسود، أحمر، أزرق، أخضر، سماوي، أصفر، أرجواني

الطريقة الثانية: نموذج RGB

• تحديد اللون باستخدام 3 أرقام تمثل نسب الأحمر والأخضر والأزرق

#### خصائص نموذج RGB

• كل لون (أحمر، أخضر، أزرق) له قيمة بين 0 و 255
• مثال: الأحمر = (255,0,0)، الأخضر = (0,255,0)، الأزرق = (0,0,255)

```

نقاط مهمة

• نظام إحداثيات لوحة الرسم معكوس الاتجاهات بالنسبة للمحور الصادي (y) مقارنة بالنظام الديكارتي.
• لرسم خط، استخدم الدالة: `canvas.create_line(x-start, y-start, x-end, y-end)`.
• الأرقام بين قوسين في الدالة هي إحداثيات بداية ونهاية الخط.

الإحداثيات في بايثون

تستخدم أداة لوحة الرسم القماشية نظام إحداثي لتحديد العناصر الموجودة عليها، ولكن يختلف هذا النظام عن نظام الإحداثيات الديكارتية المعتاد الذي تستخدمه في الرياضيات، فهو أشبه بنظام إحداثيات معكوس الاتجاهات. تكون النقطة ذات الإحداثيات (0، 0) موجودة في الزاوية اليسرى العليا من اللوحة، وتكون إحداثيات x إحداثيات النظام الديكارتي، أي أن تلك الأكبر تكون أقرب إلى جهة اليمين وتلك الأصغر تكون أقرب إلى جهة اليسار. أما بالنسبة لإحداثيات y فهي مختلفة في هذا النظام، بحيث تكون تلك الأكبر في الأعلى في النظام الديكارتي، وليست في الأعلى كما هو الحال في النظام الديكارتي.

النموذج الأساسي لهذا النظام هو البكسل، مع وجود الإحداثيات ذات البكسل الأعلى على جهة اليسار (0،0)، دائمًا ما يتم التعبير عن الإحداثيات التي يتم تحديدها كأعداد صحيحة بنماذج البكسل.

رسم الخطوط

حان الوقت الآن للرسم على لوحة الرسم القماشية. يمكنك البدء برسم خط بدائي هندسي بسيط، و للقيام بذلك، يمكنك استخدام دالة ( )canvas.create_line الموجودة في النموذج البرمجي لوحة الرسم القماشية:

canvas.create_line(x-start, y-start, x-end, y-end)

الأرقام الموجودة بين قوسين في دالة ( )canvas.create_line هي إحداثيات x و y لبداية ونهاية كل سطر (بداية x، بداية y، نهاية x، نهاية y). يمكنك أيضًا استخدام عوامل التعيئة وعرض "القلم"، مثال:

وزارة التعليم Ministry of Education 2025 - 1447 173

الإحداثيات في بايثون تستخدم أداة لوحة الرسم القماشية نظام إحداثي لتحديد العناصر الموجودة عليها، ولكن يختلف هذا النظام عن نظام الإحداثيات الديكارتية المعتاد الذي تستخدمه في الرياضيات، فهو أشبه بنظام إحداثيات معكوس الاتجاهات. تكون النقطة ذات الإحداثيات (0، 0) موجودة في الزاوية اليسرى العليا من اللوحة، وتكون إحداثيات x إحداثيات النظام الديكارتي، أي أن تلك الأكبر تكون أقرب إلى جهة اليمين وتلك الأصغر تكون أقرب إلى جهة اليسار. أما بالنسبة لإحداثيات y فهي مختلفة في هذا النظام، بحيث تكون تلك الأكبر في الأعلى في النظام الديكارتي، وليست في الأعلى كما هو الحال في النظام الديكارتي. النموذج الأساسي لهذا النظام هو البكسل، مع وجود الإحداثيات ذات البكسل الأعلى على جهة اليسار (0،0)، دائمًا ما يتم التعبير عن الإحداثيات التي يتم تحديدها كأعداد صحيحة بنماذج البكسل. رسم الخطوط حان الوقت الآن للرسم على لوحة الرسم القماشية. يمكنك البدء برسم خط بدائي هندسي بسيط، و للقيام بذلك، يمكنك استخدام دالة ( )canvas.create_line الموجودة في النموذج البرمجي لوحة الرسم القماشية: canvas.create_line(x-start, y-start, x-end, y-end) الأرقام الموجودة بين قوسين في دالة ( )canvas.create_line هي إحداثيات x و y لبداية ونهاية كل سطر (بداية x، بداية y، نهاية x، نهاية y). يمكنك أيضًا استخدام عوامل التعيئة وعرض "القلم"، مثال: وزارة التعليم Ministry of Education 2025 - 1447 173 --- VISUAL CONTEXT --- **DIAGRAM**: Canvas Coordinate System Diagram Description: A visual representation of a canvas coordinate system. The origin (0,0) is at the top-left corner. The x-axis extends to the right, labeled with values like x=100 and x=200. The y-axis extends downwards, labeled with y=200. Points (100,200) and (200,300) are marked with dashed lines indicating their coordinates. X-axis: x axis (values: 0, 100, 200) Y-axis: y axis (values: 0, 200) Data: Illustrates the canvas coordinate system where (0,0) is top-left, x increases right, and y increases down. Key Values: Origin (0,0), Point (100,200), Point (200,300) Context: Explains the canvas coordinate system used in programming for drawing, contrasting it with the Cartesian system.