Javascript Syntax - HTML5 Game Development Udacity Arabic Chinese (Simplified)

Javascript Syntax - HTML5 Game DevelopmentYouTube↗ IA↗(long shot)
Education 5.5K views 22 likes 0 dislikes 23 Feb 2015

Udacity 651K subscribers United States YouTube↗

Click to Play Video

أول شيئ سنبدأ به, اننا سوف ننشئ هنا متغير اسمه Render Engine Class

首先我们创建一个变量，叫做 RenderEngineClass

وتقوم بتعريف متغير عن طريق بدأه بالكلمة var, وبعدها

定义变量的方法是，先输入关键词 var，然后

اسم المتغير, وبعدها تقول يساوى, أياً كان ما تريد ان يساويه.

是变量名，然后输入等于号，以及你想要定义的任何内容。

فى هذه الحالة استخدمنا قوس فتح, لنشير إلى أننا نريد ان يكون هذا

在这个例子中，我们使用左花括号，来表示这是

كائن جافا سكربت. وتلك هى الطريقة الحرفية لتعريف كائن فى جافا سكربت. من هنا يمكن ان نعرف طرق ومتغيرات اعضاء لهذا الكائن عن طريق تخصيص اسم للعضو, ثم نقطتين وبعدهما القيمة التى سوف يأخذها. وفى هذه الحالة نقوم بتعريف الطريقة

一个Javascript对象。这是对象的字面量标记（literal notation），用来定义

drawString, نستخدم نقطتين ثم نقول ان هذه الطريقة سوف تكون دالة, ونستخدم لذلك الكلمة function لبيان ذلك ثم نعطيها قائمة بكل المعاملات ثم نقوم بفتح الدالة عن طريق قوس فتح, مثلما تفعل فى العديد من اللغات الاخرى. الآن ثانية ننشأ متغير, نسميه, ثم نضع له

القيمة gRenderEngine.context. الآن هذا سوف يأخذ كائن الجافا سكربت gRenderEngine والنقطة سوف تخبرنا أننا نريد العضو context لهذا الكائن ونقوم بعمل شيئ مشابه لذلك أسفل هنا عندما نحصل على العضو font للكائن ctx

ونسند له تلك القيمة هنا. الآن تلاحظ أننا نستخدم الجمع مع النصوص: فالجمع فى جافا سكربت متعدد الاستخدامات فنستخدمه ايضاً فى تجميع النصوص, مرة أخرى مثل الكثير من اللغات الاخرى التى ربما رأيتها. ثانيا لدينا مثال لجملة if. وجملة if تعمل أساساً بنفس طريقة عملها فى أي لغة أخرى,

وحينما يكون لديك الكلمة if, بعدها داخل أقواس تقوم بتخصيص الشرط الذى سوف يعيد قيمة منطقية, إما true أو false وبعدها جسم جملة if الذى سيتم تنفيذه, إذا تحقق الشرط وأفضى إلى القيمة true. الآن لاحظ الجملة هنا ليس لها اقواس حول ما سيتم تنفيذه

حال أفضى الشرط إلى القيمة true. وهذا مشابه لبعض اللغات الاخرى التى عندما يكون هناك سطر واحد تحتاج إلى تنفيذه, فإنك غير مطالب بأستخدام أقواس. أستخدمنا هذا هنا, فقط لأغراض تسهيل قراءة الكود. ولذلك ربما ترى هذا الامر فى الكود. الآن لكتل if الاكبر يمكنك ان تحيطهم

بقوس بفتح, ثم بمجرد انتائها, بالاسفل هنا, نغلقها بقوس آخر. من هنا لدينا عدد من الامثلة لتعريف وإضافة المتغيرات وبعدها نأتى على حلقة التكرار for. وحلقات التكرار for بنيت أساساً بنفس الطريقة التى بنيت بها فى C, حيث يكون لدينا قيمة مبدئية, ثم

شرط لتحديد, متى يجب أن تنتهى الحلقة for, ثم تعبير يتم تنفيذه فى نهاية كل حلقة for. وبالمثل مع كتل if, كتلة الكود التى تريد تنفيذها فى كل مرة تتكرر فيها الجلقة, وتكون محاطة بأقواس. ومرة أخرى, إذا كان هذا الكود سطر واحد, فإنك غير مطالب

بإستخدام الاقواس لاحاطته. الآن نرى words n والحرف n هنا داخل اقواس مربعة وثانية, الحرف n هو المتغير الذى تدور حلقتنا for حوله. وهذا مثال للوصول إلى قائمة, والحرف n هنا العنصر رقم-n فى تلك القائمة أياً كان رقمه. والآن مثل معظم اللغات الأخرى,

فإن هذا الترقيم يبدأ من الصفر. لذلك تذكر ذلك.

Similar videos:

Parsing Tiled Output - HTML5 Game Development
Udacity
3.5K views 2 likes 0 dislikes 23 Feb 2015100% match

Loading images - HTML5 Game Development
Udacity
25.1K views 26 likes 2 dislikes 23 Feb 2015100% match

Tiled - HTML5 Game Development
Udacity
7.5K views 12 likes 0 dislikes 23 Feb 2015100% match

Parsing Texturepacker Output - HTML5 Game Development
Udacity
11.9K views 10 likes 4 dislikes 23 Feb 2015100% match

Loading Map Data - HTML5 Game Development
Udacity
6.2K views 5 likes 0 dislikes 23 Feb 2015100% match

Tileset Array - HTML5 Game Development
Udacity
3.4K views 1 likes 2 dislikes 23 Feb 2015100% match

Rendering Texturepacker Output - HTML5 Game Development
Udacity
6.7K views 11 likes 0 dislikes 23 Feb 2015100% match

Storytime - Web Developers and Tools - HTML5 Game Development
Udacity
5.6K views 13 likes 0 dislikes 23 Feb 2015100% match

Animation - HTML5 Game Development
Udacity
17.6K views 43 likes 3 dislikes 23 Feb 2015100% match

Drawing the Map - HTML5 Game Development
Udacity
8.7K views 13 likes 2 dislikes 23 Feb 2015100% match

Frame Trimming - HTML5 Game Development
Udacity
6.4K views 9 likes 0 dislikes 23 Feb 2015100% match

Browser Connections - HTML5 Game Development
Udacity
12.6K views 21 likes 1 dislikes 23 Feb 2015100% match

Drawing images - HTML5 Game Development
Udacity
25.2K views 35 likes 2 dislikes 23 Feb 2015100% match

JSON - HTML5 Game Development
Udacity
3.4K views 12 likes 1 dislikes 23 Feb 2015100% match

Introduction - HTML5 Game Development
Udacity
42.2K views 76 likes 4 dislikes 23 Feb 2015100% match

Offscreen canvas - HTML5 Game Development
Udacity
6.3K views 32 likes 3 dislikes 23 Feb 2015100% match

Image formats - HTML5 Game Development
Udacity
17.8K views 43 likes 1 dislikes 23 Feb 2015100% match

Specifying the Contact Listener - HTML5 Game Development
Udacity
660 views 2 likes 0 dislikes 23 Feb 2015100% match

Parsing Trimmed Texturess - HTML5 Game Development
Udacity
5.5K views 3 likes 0 dislikes 23 Feb 2015100% match

Introduction - HTML5 Game Development
Udacity
12.3K views 15 likes 1 dislikes 23 Feb 2015100% match

Tiled map data - HTML5 Game Development
Udacity
6.2K views 9 likes 3 dislikes 23 Feb 2015100% match

Parsing Tiled Output - HTML5 Game Development
Udacity
3.7K views 4 likes 1 dislikes 23 Feb 2015100% match

What is canvas - HTML5 Game Development
Udacity
45.2K views 76 likes 1 dislikes 23 Feb 2015100% match

Capturing User Input - HTML5 Game Development
Udacity
3.2K views 1 likes 1 dislikes 23 Feb 2015100% match

DrawImage From Atlas - HTML5 Game Development
Udacity
9.1K views 15 likes 4 dislikes 23 Feb 2015100% match

Loading Tileset Data - HTML5 Game Development
Udacity
3.7K views 2 likes 0 dislikes 23 Feb 2015100% match

Drawing Images - HTML5 Game Development
Udacity
24.3K views 30 likes 0 dislikes 23 Feb 2015100% match

Loading Map Data - HTML5 Game Development
Udacity
5.9K views 4 likes 0 dislikes 23 Feb 2015100% match

Deep Dive Into Map Data - HTML5 Game Development
Udacity
4.6K views 6 likes 0 dislikes 23 Feb 2015100% match

Animation - HTML5 Game Development
Udacity
18.3K views 33 likes 3 dislikes 23 Feb 201568% match

Settings Privacy About Contact Donate