Return to Video

رسم أكثر (نسخة الفيديو)

  • 0:01 - 0:03
    هيا نستكشف أكثر عن كل اﻷمور الخاصة بالرسم
  • 0:03 - 0:05
    ماذا يمكننا أن نعمل بخلاف المستطيلات؟
  • 0:05 - 0:08
    يمكننا أن نعمل شكلا بيضاويا
    باستخدام كلمة ellipse
  • 0:08 - 0:10
    و التي هي أمر برمجي يفهمه الحاسوب
  • 0:10 - 0:13
    نحن فعليا لدينا كلمات برمجية خاصة باﻷوامر
  • 0:13 - 0:15
    سوف نسميهم دوال (functions)
  • 0:15 - 0:18
    سوف أستخدم كلمة دالة من الآن فصاعدا
    فقط أعني بها أمرا برمجيا
  • 0:19 - 0:21
    سوف نبدأ و نكتب اسم الدالة ellipse
  • 0:21 - 0:23
    و بعدها نكتب () و ;
  • 0:23 - 0:24
    انها لا تعمل !
  • 0:24 - 0:26
    لدينا رسالة إعلام بالخطأ
    تتحدث عن المعطيات
  • 0:26 - 0:27
    أيا ما كانوا .
  • 0:27 - 0:30
    هل ترى ما الذي نفتقده هنا
    بالمقارنة بما كتبناه مع ()rect
  • 0:31 - 0:33
    عندما نكتب ellipse
    فإننا لا نخبره ما هي اﻷرقام
  • 0:33 - 0:35
    كما فعلنا مع المستطيل .
  • 0:35 - 0:37
    هذه اﻷرقام هنا تسمى معطيات.
  • 0:38 - 0:40
    نحن نقول أننا مررنا المعطيات للدوال
  • 0:40 - 0:43
    و هذه المعطيات تتحكم بسلوك الدوال.
  • 0:45 - 0:47
    بدون معطيات فالبرنامج
  • 0:47 - 0:49
    لا يعرف أين تريد أن يكون الشكل البيضاوي
  • 0:49 - 0:50
    أو كم حجمه
  • 0:50 - 0:53
    اﻵن يتضح أن رسالة الخطأ منطقية
  • 0:53 - 0:55
    فلنمضي قدما و نضع أربع معطيات مرة أخرى
  • 0:55 - 0:59
    حتى نتحكم كم نمضي يمينا, كم نمضي ﻷسفل,
    كم العرض,
  • 0:59 - 1:01
    و كم الطول الذي نريده للشكل البيضاوي
  • 1:01 - 1:04
    كما فعلنا بالسابق يمكن أن نحظى ببعض
    المرح و نلعب بالشكل البيضاوي
  • 1:04 - 1:06
    حتى إنه يمكننا أن نجعله ينمو
    أو يتقلص
  • 1:08 - 1:12
    اﻵن رأينا اﻷساسيات
    فلنحاول رسم شكل بيضاوي كبير
  • 1:12 - 1:13
    بالضبط في منتصف لوح الرسم
  • 1:14 - 1:17
    أول سؤال سيتبادر لديك هو,
    أين المنتصف ثانيةً؟
  • 1:18 - 1:20
    فقط لنراجع معاً,
    لدينا هذا الجزء العلوي بالجهة اليسرى: 0
  • 1:20 - 1:25
    و الجزء اﻷيمن كما تذكر هو 400
    و الجزء اﻷسفل هو 400 كذلك
  • 1:25 - 1:28
    لذلك لو فكرنا:
    "أين يكون المنتصف؟"
  • 1:28 - 1:31
    كنا سنقول "انه سيكون نصف 400 باﻷعلى
    يعني: 200
  • 1:31 - 1:34
    ثم نصف 400 للأسفل:
    يعني 200"
  • 1:34 - 1:35
    يمكن أن نستمر و نقوم بهذا
  • 1:35 - 1:37
    هيا نصنع دالة الشكل البيضاوي
  • 1:37 - 1:41
    سنمرر المعطيات داخله و نصنعه
    كبيرا فعلاً
  • 1:41 - 1:43
    ها هو ذا!
  • 1:43 - 1:46
    فقط للمرح , هيا نضع مستطيلا
    هناك أيضا
  • 1:46 - 1:50
    سنقول rect(200, 200 كذلك و ربما يكون أصغر
    قليلا. ;(100,100
  • 1:50 - 1:53
    همم... هذا نوعاً ما مثيرٌ للاهتمام
  • 1:53 - 1:55
    ماذا أظهرت لنا هذه التجربة الصغيرة؟
  • 1:55 - 1:58
    حسنا يمكننا أن نرى هذه النقطة 200 ,200
  • 1:58 - 2:02
    إنها بالفعل تقول أين يفترض أن
    نضع مركز الشكل البيضاوي
  • 2:02 - 2:04
    لكن بالنسبة للمستطيلات مختلفة
    ﻷنه بالنسبة للمستطيلات
  • 2:04 - 2:09
    ال 200,200 تقول لنا أين نضع
    الركن اﻷيمن العلوي لهذا المستطيل
  • 2:10 - 2:13
    إنه شيئ مهم فعلا أن نتذكره عندما نحاول
    وضع اﻷشكال التي نريدها
  • 2:15 - 2:17
    اﻵن لنتحرك قدما للخطوط البسيطة
  • 2:17 - 2:19
    اسم هذه الدالة سيكون خط (line)
  • 2:19 - 2:22
    يمكننا أن نمرر له أربع معطيات
    ثانيا
  • 2:22 - 2:25
    لكن الخط ليس له شكل مشابه
    لشكل المستطيل, أليس كذلك؟
  • 2:25 - 2:27
    إذن بماذا ستتحكم هذه اﻷرقام؟
  • 2:28 - 2:31
    المعطى اﻷول و الثاني
  • 2:31 - 2:34
    يخبرانا من أين يبدأ الخط
    من اﻷعلى و اﻷسفل
  • 2:35 - 2:37
    بينما المعطيان الآخران...
  • 2:37 - 2:40
    آسفة, المجموعة الثانية من المعطيات 200,90
  • 2:40 - 2:44
    سيحددان أين سينتهي الخط في اﻷعلى و اﻷسفل
  • 2:47 - 2:48
    اﻵن نحن نفهم كيفية عمل هذا الشيئ
  • 2:48 - 2:52
    فلننظر لشيئ يبدو غريبا في البداية
  • 2:53 - 2:57
    ماذا يحدث إذا جعلت المستطيل يبدأ
    في الركن اﻷيسر العلوي
  • 2:57 - 3:00
    مرة ثانية نحدد الركن اﻷيسر العلوي
    للمستطيل أيضاً؟
  • 3:01 - 3:02
    و قد صار كبيرا في الحقيقة
  • 3:04 - 3:07
    يمكننا حتى أن نجعلها بهذه الضخامة ولكن
    هذا سيكون كبيرا قليلا
  • 3:08 - 3:12
    نرى اﻵن أن هذا يجعل الشكل البيضاوي
    يختفي تدريجيا
  • 3:12 - 3:14
    نستطيع بالفعل أن نجعله يختفي تماماً
  • 3:15 - 3:17
    نحن اﻵن نتساءل أين ذهب
  • 3:18 - 3:22
    ما يفعله البرنامج هو رسم اﻷشكال
    بالترتيب
  • 3:22 - 3:25
    أولاً يرسم الشكل البيضاوي ثم يرسم المستطيل
    فوقه
  • 3:25 - 3:27
    ثم يرسم الخط
  • 3:27 - 3:30
    لذلك فإن الشكل البيضاوي ما زال هناك
    لكنه كما رأيت, تحت المستطيل
  • 3:31 - 3:32
    هذه نقطة مهمة لتتذكرها
  • 3:32 - 3:36
    ﻷنه ماذا كان سيحدث لو رسمنا الخط أولاً؟
  • 3:36 - 3:39
    نحن فقط لم نكن لنراه نهائياً,
    أليس كذلك؟
  • 3:39 - 3:42
    يمكنك أن تصنع ذلك في برنامجك و تتساءل:
    "أين ذهب الخط؟"
  • 3:42 - 3:45
    الفكرة هي أنه هناك, لكنه
    مخفي اﻵن
  • 3:45 - 3:48
    بواسطة كل من الشكل البيضاوي و المستطيل
  • 3:50 - 3:54
    يمكننا أن نؤثر باﻷشكال أيها يرسم فوق
    اﻵخر
  • 3:54 - 3:57
    فقط بتغيير ترتيبها الذي كتبناه
    في برنامجنا
  • 3:59 - 4:01
    اﻵن أريد أن أقدم مصطلحين فنيين
  • 4:01 - 4:02
    قبل أن ننتهي
  • 4:03 - 4:05
    كما قد درست في الرياضيات
  • 4:05 - 4:07
    يمكن أن نستخدم س لنقصد كم يبعد للأعلى
  • 4:07 - 4:09
    كما كنا نتحدث
  • 4:09 - 4:12
    و حرف ص نعني كم يبعد للأسفل
  • 4:12 - 4:14
    هذا قد يبدو غريبا قليلا إذا لم تعتد
    عليه من قبل
  • 4:14 - 4:17
    و لكنه أسهل من قولنا: "كم يبعد للأعلى
    و كم يبعد للأسفل"
  • 4:17 - 4:19
    في كل مرة
  • 4:19 - 4:22
    أول اثنين من المعطيات للشكل البيضاوي مثلا
  • 4:22 - 4:28
    يخبرنا أن س ينبغي أن تكون 200 و ص ينبغي
    أن تكون 229
  • 4:29 - 4:30
    ها أنت حصلت عليها
  • 4:30 - 4:33
    نفس الشيء مثل قولك: "كم تبعد للأعلى
    و كم تبعد للأسفل"
  • 4:34 - 4:36
    هناك سؤال آخر يمكن أن يكون لديك,
  • 4:36 - 4:39
    "ما وحدات القياس التي كنا نستخدمها
    طوال الوقت؟
  • 4:39 - 4:43
    هل نقول 200 سنتيمتر, 200 بوصة, 200 ميل؟
  • 4:43 - 4:45
    نحن نستخدم وحدات تسمى" بيكسل"
  • 4:45 - 4:48
    و البيكسل هو نقطة صغيرة على شاشتك
  • 4:48 - 4:52
    لوحة الرسم هذه فعليا عرضها 400 بيكسل
  • 4:52 - 4:56
    لهذا السبب نحن نقول أن الركن اﻷيسر
    العلوي هو 0
  • 4:56 - 5:01
    و باﻷعلى هنا 400 , ﻷنه 400 بيكسل
  • 5:02 - 5:05
    و بشكل مشابه عندما نقول 200,
    فنحن نعني 200 بيكسل
  • 5:05 - 5:07
    و ربما قد وصلتك الفكرة
  • 5:07 - 5:08
    رائع!
  • 5:08 - 5:11
    اﻵن أنت تعلم كل شيء عن
    الدوال:الخط و الشكل البيضاوي
  • 5:11 - 5:12
    و المستطيل و معطياتهم
  • 5:12 - 5:15
    لقد غطينا الكثير, لكن ابق معنا,
    استمر بالاستكشاف
  • 5:15 - 5:20
    و ستتعلم طريقة عمله قريبا
Title:
رسم أكثر (نسخة الفيديو)
Description:

هذا مجرد مستخلص مرئي للبرمجة التفاعلية talk-through تم تجهيزها لجعل الترجمة أسهل . من اﻷفضل أن تشاهد برمجتنا التفاعلية على هذا الرابط: https://www.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
05:17

Arabic subtitles

Revisions

Our website uses cookies for analysis purposes.