علينا أن نبدأ بفهم الأشكال- الأساسيات.
ولكن لا تقلق، قريبا جدا ، الأشكال الخاصة بك سترسم على الشاشة وتغير ألوانها وتمتلك جميع الإمكانيات البرمجية الرائعة.
فقط إبقى معنا!
لذلك لنبدأ مع رسم المستطيلات.
نكتب rect() للمستطيل، ثم الأقواس المفتوحة، ثم أربعة أرقام، وسوف أشرح ما تعنيه هذه بعد لحظة
ثم أغلق القوسين ... ، وفي نهاية المطاف، سنقوم فقط بوضع فاصلة منقوطة.
إنظر، مذهل،إنه مستطيل!
وهذا جميل جدا، لذلك دعونا نفعل ذلك مرة أخرى. يمكننا محاولة أرقام مختلفة هذه المرة.
ربما أعداد أكبر، ومن ثم أعداد أصغر في النهاية، ومهلا إنظر، إنه مستطيل آخر.
في الواقع، إذا حاولنا تغيير هذا الرقم الأول لجعلها أصغر حجما، سوف تبدأ بالتحرك.
إذا قمنا بتغيير الرقم الأخير لجعله أكبر وثم أصغر ، ستجد أنها تكبر ثم تتقلص . مثير!.
فكيف يحدث كل هذا السحر ، هل تتساءل؟
حسنا، تذكر أن جهاز الكمبيوتر الخاص بك هو تماما مثل كلب ذكي جدا ومطيع !.
مع الكلب، وربما يمكننا أن نأمره بالجلوس، أوالبقاء،أو حتى أن يتدحرج.
كل ما عليك هو استخدام أمر ()sit
التعليمات البرمجية هي الطريقة التي تخبر الكمبيوتر بما عليه فعله
و الطريقة التي تفعل فيها ذلك هي أن تكتب اسم الأمر، ويقول "sit"، ثم القوسين لتقول له أن ينفذ هذا الأمر، ثم فاصلة منقوطة في نهاية الأمر ومن ثم أصبح جاهز.
عندها كمبيوترك سيقوم بالجلوس.
حسنا، بالطبع، جهاز الكمبيوتر الخاص بك على خان أكاديمية يعرف كيفية رسم المستطيلات، عند استدعاء ()rect، جميل ، أليس كذلك؟
وهذا ما نحن بصدد القيام به على هذا الخط. سنكتب الأمر ()rect، الذي هو مجرد اسم، ومن ثم الأقواس كقول "إذهب لتفعل ذلك"، ثم منقوطة في النهاية.
هذه هي الطريقة التي يعرف جهاز الكمبيوتر الخاص بك ليرسم هذا المستطيل .
حسنا، لنعود إلى المستطيل الذي لدينا.
لدينا اسم الأمر هنا، ولدينا هؤلاء الأقواس.
ماذا عن كل هذه الأرقام؟
حسناً، الفكره هنا هي ان الكمبيوتر لا يعرف بما يكفي إذا أردت ان تعطيه أمر rect.
ولنرى ذلك، تخيل إذا أعطيتك ورقه وأردت منك أن ترسم مستطيل بالمقاسات التي أريدها بالضبط.
حسنا، إلا أذا كنت تستطيع قراءة مافي ذهني، فحتماً سيكون لديك بعض الاسئله على الفور.
أولاَ، قد تتساءل، "أين تريدني ان أبدأ برسم المستطيل؟ "
وسأرد عليك: "ما رأيك ان نتفق ان هذا هو الجانب الأيسر من الورقه، ولنقل أنه صفر."
وان هذا الجانب الأيمن سيكون 400.
بعد ذلك يمكنني أن أعطيك رقم، فلنفترض أنه 100، عندها أنت ستعرف أنه سيكون في الجانب الأيمن، هنا مثلاً.
هذا قد يقنعك للحظه، ولكنك ستقول انني الان أعلم بعده فماذا عن البعد صعودا وهبوطا؟
عندها أستطيع أن أعطيك رقم آخر، لنقل 200، وسأقول ان هذا هو القمه 0، و كما قلت مسبقاً ان القاع سيكون 200، وستقول أنت، فإذاً 200 سيكون في بالضبط في النصف.
هذا رائع، الآن انت تعلم اين تبدأ برسم المستطيل. أنا سأقوم برسم المستطيل هنا بالضبط.
وذلك سيكون بعده 100 و200 هبوطاً.
ولكن هذه المعلومات ليست كافيه. لأنك الآن ستتسائل..
ما هو حجم المستطيل الذي تريده؟
فسأرد قائلاً، لنقل بعرض 150
وعندها ستقول، حسناً، هذا 100 وهذا 400، إذا كنت تريده بعرض 150 يمكننا أن نرسمه هنا..
حسناً جيد، هذا سيكون بعرض 150.
عندها ستتسائل، ما هو طول المستطيل الذي تريده؟
وعندها سأقول، "ماذا عن 50؟"
فستقول، حسناً، 50، إذا سيكون طوله هكذا.
الآن ستقول، رائع، انا اعرف تماماً اين تريد أن يكون المستطيل الذي تريده، وكم سيكون حجمه إذا استطيع رسمه كما تريد.
هذا عمل كثير لرسم مستطيل فقط، إليس كذلك؟
لكن الفكره هو بإعطائك تلك الاربعة أرقام (مسافة 100، 200 هبوطا، وبعرض 150, وبطول 50) نستطيع ان نقول اننا الان متفقين أين يمكنك أن ترسم المستطيل وكيف سيكون شكله وحجمه.
هكذا يعمل الكمبيوتر بالضبط.
يمكنك كتابة الأوامر كما تعلمت من المثل الذي ذكرناه، وما عليك سوى فتح الأقواس وإعطاء الكمبيوتر أربعة أرقام قلنقل 100، 200، 150،و 50 وأغلاق الاقواس ووضع منقوطه.
سيقوم الكمبيوتر برسم المستطيل بالضبط كما تريده أن يكون.
حسناً، لنكن صريحين مع أنفسنا..ذلك ليس المكان الذي اردنا ان يكون المستطيل فيه. ذلك ليس المكان الذي أردنا ان نرسم فيه المسستطيل، إليس كذلك؟
لذلك الارقام التي أعطياناها للكمبيوتر ليست تماما ما نريد، فإذا دعونا نغيرها لنجعل الستطيل يتناسق تماما مع ما رسمناه.
لنحرك هذه قليل،ا فلتكن ابعد قليلا و أقل هبوطا ، أيضا اضعف واقصر قليلا.
الآن يمكننا أن نقول اننا رسمنا المستطيل كما أردناه ان يكون، ولأننا نفهم الأن ما تعنيه تلك الارقام تماما نستطيع ان نقوم بتغييرهم كما نريد.
والآن دعونا نرسم مستطيل آخر.
المتعه في هذا اننا الآن نستطيع ان نرسم مستطيلات أينما نريد.
ما رأيكم ان نرسم مستطيلا في هذا المكان في هذا الزاويه العليا، إلى الاعلى هناك؟
لنفكر أين سيكون هذا.
هذا سيكون 0 فوق، 0 صعودا وهبوطا، ويمكن أن يكون صغيرا قلنقل عرض 50 وطول 10.
إذا فلنقم بفعل هذا. أولا سنطبع rect ونفتح قوس ونكتب الارقام بفصلهم بعلامة الفاصله.
آه ولكن لدينا هنا رسالة خطأ تقول اننا نسينا إغلاق الاقواس، هنا سنعلم اننا بالفعل نسينا إغلاق القوس الآخر وسنقوم بفعل ذلك.
آه واكننا لدينا رسالى خطأ أخرى! تقول أننا نسينا علامة المنقوطه.
إذا ضغطنا على (ٍ"أرني اين"= show me where)، فأنه سيشير إلى السطر الذي انتهينا من كتابته.
ولنتذكر ان علامة المنقوطه هي كعلامة النقطه في مؤخرة الجمل ولكن المنقوطه هنا تستخدم في نهاية اسطر الاكواد واننا نسينا أن نضيفها.
فنضيفها هناك. لا مشكله، وكل الاخطاء ستختفي.
أنظر إلى هذا, المستطيل الصغير الذي أردنا رسمه وتماما كما أردناه.
كما ذكرنا مسبقا، نستطيع ان نكبره أو نقوم بتحريكه أو ان نضعه في المكان الذي نريده تماما.
الآن ان تعرف تماما وبالتفصيل كيف يعمل الامر rect
في هذا الفيديو غطينا ما تعني هذه الأرقام، وكيف ستكون بحاجة دائمه لوضع اسم الأمر، والاقواس،-و الفاصلة لفصل الأرقام، وأخيرا وضع منقوطة في نهاية المطاف.
يمكنك الان ان تجربه بنفسك!
المرة القادمه، سنتعلم رسم اشكال اكثر وسنتقدم بشرح اشياء أكثر متعه على سبيل المثال، كيف نقوم بتلوينها وكيف نجعلها تتحرك حول الشاشه.