مثال 6: رسم مربع - كتاب المهارات الرقمية - الصف 8 - الفصل 1 - المملكة العربية السعودية

📚 مثال 6: رسم مربع

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

حلقة "تكرار حتى" (repeat until): تنفيذ مقطع برمجي عدة مرات بينما يظل الشرط خطأ، ويتوقف عندما يصبح الشرط صحيحًا.

متغير العداد (Counter): متغير يستخدم للتحكم في عدد مرات تكرار الحلقة، حيث يبدأ بقيمة أولية (مثل 0) ويزداد في كل تكرار حتى يصل إلى قيمة معينة توقف الحلقة.

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

```markmap

الوحدة الخامسة: برمجة الروبوت

الأدوات

VEXcode VR

#### واجهة بيئة VEXcode VR

##### فئات اللبنات البرمجية

###### المتغيرات (Variables)

####### مراقبة قيم المتغير

######## الغرض

######## الخطوات

######## النتيجة

####### مراقبة متغير العداد (Counter)

######## الغرض

######## الخطوات

######## النتيجة

####### وحدة تحكم العرض (Print Console)

######## الغرض

######## مثال من الصفحة

######## زر المسح (CLEAR)

###### التكرارات (Loops)

####### أنواع التكرارات

####### تكرار (repeat) مرات

######## الغرض

######## مثال: العمليات الحسابية في تكرارات

####### تكرار حتى (repeat until)

######## الغرض

######## كيفية الاستخدام مع العداد (Counter)

######## مثال 5: العد

######## مثال 6: رسم مربع

######### الهدف

• برمجة روبوت لرسم مربع باستخدام حلقة "تكرار حتى" ومتغيرات.

######### المتغيرات المستخدمة

• `Counter`: عداد يبدأ من 0 ويزداد بمقدار 1 في كل تكرار.
• `Travel_distance`: مسافة الحركة للأمام (قيمته 400).
• `Turn`: زاوية الانعطاف لليمين (قيمته 90).

######### منطق البرنامج

عند بدء التشغيل، يتم تعيين قيم المتغيرات.

تكرار حتى يصبح الشرط (`Counter = 4`) صحيحًا.

داخل الحلقة:

- ينزل القلم.

- يتحرك الروبوت للأمام مسافة `Travel_distance`.

- ينعطف يمينًا بزاوية `Turn`.

- يزيد قيمة `Counter` بمقدار 1.

تتوقف الحلقة بعد 4 تكرارات، مكونة شكل المربع.

```

نقاط مهمة

• يستخدم المثال حلقة "تكرار حتى" للتحكم في عدد مرات رسم أضلاع المربع (4 مرات).
• الشرط الذي يوقف الحلقة هو وصول متغير العداد `Counter` إلى القيمة 4.
• داخل الحلقة، يتحرك الروبوت للأمام مسافة محددة بمتغير `Travel_distance` (400) ثم ينعطف يمينًا بزاوية محددة بمتغير `Turn` (90 درجة).
• يوضح الشكل المرئي الناتج (المربع المرسوم على الشبكة) نتيجة تنفيذ المقطع البرمجي بنجاح.

مثال 6: رسم مربع

في المثال التالي، ستبرمج روبوت الواقع الافتراضي لرسم مربع في ملعب الفن قماش (Art Canvas)، باستخدام حلقة تكرار حتى (repeat until)، ومتغير إضافة 1 إلى القيمة المقابلة ستبرمج الحلقة للتكرار 4 مرات، سيتم تعيين العداد في البداية إلى 0 وسيتم زيادته بمقدار 1 في كل تكرار حتى يأخذ القيمة 4، وهذا هو الشرط الذي سيوقف فيه التكرارات. في حين أن قيمة العداد هي 0 و 1 و 2 و 3، فإن روبوت الواقع الافتراضي يتحرك إلى الأمام لمسافة تساوي قيمة المتغير مسافة_السفر (Travel_distance) ويجعل الانعطافات لليمين مساوية لقيمة المتغير إنعطف (Turn). يتم تعريف قيم هذين المتغيرين في بداية المقطع البرمجي.

عندما بدأت مجموعة Counter إلى 0 مجموعة Travel_distance إلى 400 مجموعة Turn إلى 90

الشرط: (Counter = 4).

تكرار حتى نقل القلم أسفل تحرك إلى الأمام Travel_distance مم انعطف يمين لمدة Turn درجة تغيير Counter من قبل 1

عين مسافة_السفر (Travel_distance) على 400.

عين إنعطف (Turn) على 90.

تكرار حتى يصبح الشرط صحيحًا.

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

354

--- SECTION: مثال 6: رسم مربع --- مثال 6: رسم مربع في المثال التالي، ستبرمج روبوت الواقع الافتراضي لرسم مربع في ملعب الفن قماش (Art Canvas)، باستخدام حلقة تكرار حتى (repeat until)، ومتغير إضافة 1 إلى القيمة المقابلة ستبرمج الحلقة للتكرار 4 مرات، سيتم تعيين العداد في البداية إلى 0 وسيتم زيادته بمقدار 1 في كل تكرار حتى يأخذ القيمة 4، وهذا هو الشرط الذي سيوقف فيه التكرارات. في حين أن قيمة العداد هي 0 و 1 و 2 و 3، فإن روبوت الواقع الافتراضي يتحرك إلى الأمام لمسافة تساوي قيمة المتغير مسافة_السفر (Travel_distance) ويجعل الانعطافات لليمين مساوية لقيمة المتغير إنعطف (Turn). يتم تعريف قيم هذين المتغيرين في بداية المقطع البرمجي. عندما بدأت مجموعة Counter إلى 0 مجموعة Travel_distance إلى 400 مجموعة Turn إلى 90 الشرط: (Counter = 4). تكرار حتى نقل القلم أسفل تحرك إلى الأمام Travel_distance مم انعطف يمين لمدة Turn درجة تغيير Counter من قبل 1 عين مسافة_السفر (Travel_distance) على 400. عين إنعطف (Turn) على 90. تكرار حتى يصبح الشرط صحيحًا. وزارة التعليم Ministry of Education 2025 - 1447 354 --- VISUAL CONTEXT --- **DIAGRAM**: مقطع برمجي لرسم مربع Description: A visual representation of a block-based programming script designed to draw a square. The script starts with an 'عندما بدأت' (When started) block. It then initializes three variables: 'مجموعة Counter إلى 0' (Set Counter to 0), 'مجموعة Travel_distance إلى 400' (Set Travel_distance to 400), and 'مجموعة Turn إلى 90' (Set Turn to 90). Following this, there is a 'تكرار حتى' (repeat until) loop. The loop's condition, shown in a separate connected block, is 'الشرط: (Counter = 4).' (Condition: (Counter = 4).). Inside the loop, the actions are: 'نقل القلم أسفل' (Pen down), 'تحرك إلى الأمام Travel_distance مم' (Move forward Travel_distance mm), 'انعطف يمين لمدة Turn درجة' (Turn right for Turn degrees), and 'تغيير Counter من قبل 1' (Change Counter by 1). Callout boxes clarify parts of the code: 'عين مسافة_السفر (Travel_distance) على 400.' points to the Travel_distance initialization, 'عين إنعطف (Turn) على 90.' points to the Turn initialization, and 'تكرار حتى يصبح الشرط صحيحًا.' explains the loop condition. Key Values: Counter = 0, Travel_distance = 400, Turn = 90, Loop condition: Counter = 4, Change Counter by 1 Context: This diagram visually explains the programming logic for drawing a square using a repeat loop and variable manipulation, as described in Example 6. **FIGURE**: الروبوت يرسم مربعًا Description: A grid background with a small robot-like icon positioned at the bottom-left corner of a drawn black square. The square is perfectly formed with four equal sides and four 90-degree angles. The robot appears to have just completed drawing the square. The grid lines are light gray. The square's dimensions are approximately 10 major grid units by 10 major grid units. X-axis: N/A (unlabeled grid) Y-axis: N/A (unlabeled grid) Data: The visual output confirms the successful execution of the programming logic to draw a square. Key Values: Square side length: 10 major grid units, Internal angles: 90 degrees Context: This figure demonstrates the result of the programming example, showing a robot successfully drawing a square on a grid, validating the code's functionality. (Note: Some details are estimated)