حسناً , لننتقل الآن لعمل برنامج برمجي
سنبدأ من لا شيء على الاطلاق. وبحلول النهاية ، سوف يكون البرنامج البرمجي رهيب جدا؛ مثل برنامج رسم صغير.
إعتبر كتبة البرنامج البرمجي كجولة سريعة شاملة خلال الدروس الأولى التي تم عرضها على خان أكاديمية.
فقط لإعطائك وعْي بما هو ممكن
لا تقلق على الإطلاق من فهم كل التفاصيل الصغيرة في الوقت الحالي.
نحن نريد فقط أن تعطيك وعياً بما سيحدث في المستقبل، وبهذا النوع من البرامج البرمجية التي ستكون قادرعلى عملها قبل مرور فترة طويلة.
حتى الآن، لا يوجد شيء هنا، (يوجد نوع من سطح رقيق). لذلك دعونا نرسم شيء.
سأقوم برسم شكل بيضاوي شبيه بالدائرة
وكما ستتعلم ، هكذا كيف أفعل ذلك.
وهكذا هو . الذي هو نوع من السحر !!
والسبب هو أن هناك عدد من الأشياء الخاصة التي تعرفها بالفعل بيئة أكاديمية خان
لحسن الحظ , الشكل البيضاوي أحدها.
لا تقلق بشأن ما تعنيه كل هذه الأرقام.
سنقوم تعرف عليهم في درس "مقدمة إلى الرسم".
مازلنا في مرحلة المعاينة
ونحن نغيرالأرقام، يمكننا أن نرى أن أول رقم من المدخلات يعني أساسا أي مدى يبعد الجسم أفقياً.
الرقم الثاني يعني أساسا مدى بعد الجسم صعودا وهبوطا (عمودياً).
الرقم الثالت يعني مدى كبر حجمها بالعرض , والرقم الأخير يعني مدى كبر حجمها بالطول
مرة أخرى، لا تحتاج إلى معرفة ذلك الآن.
ولكن يمكنك إيقاف هذا الدرس مؤقتاً إذا كنت تحب وحاول تجربتها مع بنفسك الآن.
سوف تتعلم كل التفاصيل في الدروس لاحقاً
الشيء المهم الآن هو مجرد التحكم فيما يبدو علىه الشكل .
حسناً، ذلك لطيف. ولكن ربما أنت لم تعجب بعد
لذلك سأقوم بعمل شئ أكثر تعقيداً .ثم أضع الشكل البيضاوي الذي أنشأناه في الداخل.
حسناً. لم يتغير شئ بعد وربما لست معجباً بعد .
ولكن الآن ماسأقوم به، وسيكون أكثر إثارة للإعجاب، هو جعل هذا البرنامج للرسوم المتحركة.
والآن كما ترون، هناك عدد كبير من الدوائر يتبعون في الواقع الفأرة بينما أحركها
يمكنك إيقاف البرنامج في الوقت الحالي ، وجعلها تتبع الفأرة الخاصة بك .
حسناً ، كيف يحدث هذا ؟
من أين تأتي جميع هذه الدوائر؟
حسنا، سوف تتعلم عن هذا كله في "مقدمة إلى الرسوم المتحركة" في وقت لاحق، ولكن بما أنك تتساءل، ما يحدث هو أن الكمبيوتر يقول برنامجنا تلقائيا، مرارا وتكرارا، بالرسم
وربما تعتقد أن برنامجنا سوف يتعب من ذلك، ولكن بدلا من ذلك، فقط يستمربعمل ما كتب بداخل السحر دالة "رسم" .
لذلك يبقى رسم شكل بيضاوي بعدشكل بيضاوي بعد شكل بيضاوي.
وهذا ما يحدث وراء الكواليس عندما نحرج مؤشر الفأرة ، لعمل الكثير من الدوائر.
على الرغم من أننا قد كتبنا ذلك مرة واحدة.
وبالتالي، كيف يمكن للبرنامج أن يعرف أين يرسم الشكل البيضاوي؟
على سبيل المثال، كيف يعرف أن يتتبع الفأرة؟
حسنا، سوف تتعلم عن ذلك في درس "التفاعل ماوس" في وقت لاحق.
الفكرة الرئيسية هو أنه في كل مرة الكمبيوتر يخبر برنامجنا مكان الفأرة باستخدام كلمتين خاصتين.
"MouseX" and "MouseY".
لا تحتاج أن تعرف عنهم في الوقت الراهن، ولكن هو مجرد MouseX مدى بعد الفأرة أفقيا.
بينما MouseY هو مدى بعدها صعودا وهبوطا.
وبالتالي ، لنلخص ، عندما نرسم هذا الشكل البيضاوي ، ما نقوله أولاً هو : إرسم الشكل البيضاوي ببعد مماثل لبعد الفأرة أفقيا .
ثانيا : إرسم الشكل البيضاوي ببعد مماثل عموديا لبعد الفأرة
بالنهاية يحدث ما يعنيه ذلك ، رسم الشكل البيضاوي في المكان نفس مكان الفأرة بالضبط، في كل مرة نقول دالة "إرسم".
ثم يتبقى أن نحدد ما هو حجم الشكل البيضاوي .
ومرة أخرى، لا تقلق حيال كل هذه التفاصيل في الوقت الراهن.
بعد أن تتخطى الدروس القليلة القادمة، هذا سيكون له معنى .
والآن، وكما ترون، أصبح مشوش قليلا.
يمكننا فقط اضغط على زر إعادة تشغيل لبدء البرنامج مرة أخرى بلائحة بيضاء
إمضي قدما وأوقف البرنامج في الوقت الحالي.
جرب اللعب بنفسك ، فقط حتى تستطيع أن ترى ما يحدث.
حسناً، الآن لدينا شيء لطيف يجري.
ولكن ماذا يمكننا أن نفعل أيضاً؟
حسنا، هذه الدوائر نوعا ما غير جميلة .
إنها فقط بيضاء .
إذاً , ما اذا كنا نستطيع جعلها ملونة؟
في البرنامج التعليمي "مقدمة إلى التلوين"، سوف تتعلم كل شيء عن الألوان.
ولكن انا سأكشف السر وأبين لك كيف نفعل ذلك الآن.
جميل
الآن لديك الدوائر الحمراء التي تتبع الفأرة .
ولكن ليس فقط ممكن أن تكون حمراء، وذلك لأن عند النقر فوق هذا اللون هنا- يمكنك ان ترى لنفسك عندما تفعل ذلك- ، يمكنك اختيار أي لون تريده
قوس قزح كاملة من الألوان.
ماذا عن فقط الأرجواني اللطيف الآن.
ويمكنك معرفة كيفية تغيير الألوان من هذا القبيل في درس "مقدمة إلى تلوين."
بمجرد أن إعادة تشغيل ... عظيم! الآن لدينا الدوائر الأرجوانية فقط.
لذلك، ونحن الآن نعتقد ، كما تعلم ، وضعنا كل هذا العمل لرسم هذه الأشكال الجميلة.
في أي مكان نحرك فيه الفأرة
ولكن، سيكون من الجميل أن نرسم شئ فقط في بعض الأحيان ... مثل، فقط عندما يتم الضغط على الماوس.
سأخبرك كيف تفعل ذلك الآن
منطقيا، هي ليست بهذا التعقيد، كل ما نقوله فعلا هو: إذا تم الضغط على الفأرة، إرسم الدائرة.
خلاف ذلك، لا تفعل أي شيء على الإطلاق.
قل: "إذا"، ومن ثم،هذه الأقواس الغريبة التي لا داعي للقلق بشأنه ...
إذا حدث الأمر (mouseIsPressed)، حسنا، نحن فقط لا نريد أن تفعل أي شيء.
لذلك سنترك هذا الجزء هنا فارغ.
!ذا عند إعادة تشغيله، يمكننا أن نقول:
انا أحرك الفأرة ، ولا يحدث شيء.
ولكن عند الضغط على الفأرة ، ويمكنني أن رسم!
بالأرجواني
وكتابة الأشياء، ورسم الأشياء ...
ويمكنني القيام بكل ما أريد. وهو شئ لطيف.
'السبب أننا بمجرد بضعة أسطر من التعليمات البرمجية، قمنا بعمل هذا البرنامج الرسمي .
لذلك، وهذا هو مقدمة بالكامل إلى البرنامج التعليميالخاص التعليمة البرمجية "If"، حيث:
وستعرف كل شيء عن ما يفعله هذا الرمز، التي كتبنا للتو.
وكيف يعمل. ولكن أراهن أنك بدأت بمعرفة الفكرة العامة بالفعل.
كل ماقلناه هو: إذا ما تم الضغط على الفأرة ، قم بذلك، و خلاف ذلك:
إذا لم يتم الضغط على الفأرة ، لا تفعل أي شيء!
جيد. هذا هو نفس المنطق بالضبط الذي نفكر به .
نحن فقط كتبنا هذا في التعليمات البرمجية الآن.
و... ربما قد تشير، مثل، ماذا عن هذه الخطوط القبيحة حول الدوائر ؟
حسناً، عليك أن تتعلم كيفية التحكم بذلك قريبا. يمكنك جعلها أكبر ...
أو أصغر
يمكنك عملها بألوان مختلفة
لكن الآن، وبصراحة، أريد فقط أن تتخلص منه.
ولذا فإنني سوف أقوم بوضع noStroke ... في الجزء العلوي هنا (بسبب أن هذه الخطوط تدعى stroke) ..
والآن، عندما نقوم بإعادة تشغيله ...
مهلا! ذهبت كل الخطوط.
جيد ! هذا يبدو وكأنه برنامج رسم أكثر واقعية بكثير.
لذلك، دعونا فقط بسرعة نعود خطوة إلى الوراء.
قد تكون فضولي : أين كل هذه القدرات السحرية
"IF"، و "ellipse"، و "draw" - قادمة من أين ؟
هذه الأوامر المفيدة متواجدة في أكاديمية خان .
نحن فعلنا ذلك.
والجزء الممتع يأتي من تعلم كيفية الجمع بينها في البرامج.
إذا كنت فضولياً حقا، نحن نستخدم لغة برمجة تسمى JavaScript
في أكاديمية خان
JavaScript هي واحدة من أكثر الطرق شعبية لكتابة برامج في العالم.
لا سيما على شبكة الإنترنت.
وبالتالي ستكون في صحبة جيدة جدا عند التعامل معها .