Flash CS3 رسم API ، ActionScript 3 ، فئة الشكل

• قد 18, 2024

أحد الأشياء المفضلة لدي في Flash هو الاعتماد على المسرح. لكنني لا أتحدث عن الرسم باستخدام أدوات رسم Flash مثل أداة Rectangle أو Oval. في هذا البرنامج التعليمي ، سوف نتعلم أساسيات الرسم باستخدام ActionScript 3 و API API.

أتردد في الحديث كثيرًا عن برمجة OOP والفصول في البرامج التعليمية للمبتدئين لأنها تجعل الأمور أكثر تعقيدًا. لكن هذا البرنامج التعليمي هو استثناء. إنه مثالي لإدخال المفهوم الأساسي لفصول OOP. فئة OOP في ActionScript هي مجرد مجموعة من المعلومات مسبقة الصنع ، تسمى الخصائص والأساليب. تحفظ هذه المعلومات مسبقة الصنع المبرمج كثيرًا من الوقت عند ترميز ActionScript لأنه ليس من الضروري إعادة كتابة هذه المعلومات في كل برنامج يستدعي استخدام فئة معينة.

في هذا البرنامج التعليمي ، سنستخدم فئة الشكل وخاصية الرسومات المحددة مسبقًا والعديد من طرقها لرسم دائرة بسيطة على المسرح.

خاصية الرسومات
طريقة lineLyle
startFill طريقة
طريقة drawCircle
طريقة endFill ()

خطوتنا الأولى هي إنشاء طبقة إجراءات على الخط الزمني ، انقر فوق الإطار 1 وافتح لوحة الإجراءات (نافذة - إجراءات). سينشئ السطر الأول من الشفرة متغيرًا جديدًا يحتفظ بالدائرة.

var myCircle: Shape = new Shape ()؛

في التعليمة البرمجية أعلاه ، نقوم بإنشاء متغير جديد وتسميته "myCircle". نقوم بتعيين نوع البيانات لهذا المتغير الجديد إلى شكل. على الجانب الآخر ، نحن نستخدم جديد الكلمة الأساسية لإنشاء مثيل جديد للفئة الشكل.

إذا استخدمت أدوات رسم الفلاش ، فأنت تعلم أن الشكل يحتوي على حد وتعبئة. عند استخدام فئة الشكل للرسم ، لديك أيضًا ضربة وتعبئة. في الأسطر القليلة التالية من التعليمات البرمجية ، سنقوم بتحديد Stroke and Fill لدائرة myCircle الخاصة بنا.

myCircle.graphics.lineStyle (2، 0x000000)؛

في التعليمة البرمجية أعلاه ، نقوم بتعيين قيم Stroke باستخدام طريقة lineStyle لخاصية Graphics. سنقوم بتعيين قيمة عرض السكتة الدماغية بالبكسل ولون السكتة الدماغية بقيمة ست عشرية. أعلاه ، لقد قمنا بتعيين Stroke لدائرتنا بعرض 2 بكسل ولون أسود.

بعد ذلك ، سوف نملأ الدائرة. مرة أخرى سوف نستخدم خاصية الرسومات وطريقة startFill الخاصة بها. القيمتان اللتان يمكننا التحكم فيهما من أجل تعبئة الدائرة هما اللون والألفا. من الضروري أن تقوم بتعيين قيمة للون ، وإذا لم تقم بذلك ، فسوف ينزعج Flash بشدة. لكن تحديد قيمة ألفا اختياري. لنقم بضبط ملء دائرتنا على اللون الأحمر. مرة أخرى نستخدم الست عشرية.

myCircle.graphics.beginFill (0xff0000)؛

حسنًا ، نحتاج الآن إلى إخبار Flash بمكان رسم الدائرة على المسرح. كما تتوقع ، تحتاج إلى تعيين قيمة لمحور X و Y ونصف قطر الدائرة. سنفعل ذلك باستخدام طريقة drawCircle التي تعد جزءًا من خاصية Graphics.

myCircle.graphics.drawCircle (100 ، 200 ، 50) ؛

في سطر التعليمات البرمجية هذا ، نطلب من Flash أن يرسم دائرتنا 100 بكسل من الركن الأيسر العلوي من المرحلة على طول المحور X و 200 بكسل على طول المحور Y. سيكون لدينا دائرة نصف قطرها 50. عند تعيين هذه القيم ، تأخذ بعين الاعتبار الترتيب الذي قمت بإدراجها في التعليمات البرمجية. ستكون القيمة الأولى للمحور X وتكون القيمة الثانية للمحور Y. والثالث هو لنصف القطر. إذا أعطيت Flash هذه القيم خارج الترتيب ، فستحصل على بعض النتائج غير المتوقعة.

أخيرًا ، نحتاج إلى إضافة دائرتنا ككائن عرض تابع إلى قائمة العرض.

addChild (myCircle)؛

أوه ، لقد تركت لدينا سطر واحد من التعليمات البرمجية! على الرغم من أن التعليمات البرمجية الخاصة بنا ستعمل كما هي ، فقد استبعدنا طريقة endFill () التي "ستغلق" عملية الرسم. هذا ليس ضروريًا حقًا لأن endFill () يسمى تلقائيًا. ولكن من الممارسات الجيدة إضافته إلى التعليمات البرمجية الخاصة بك مباشرةً قبل addChild ().

myCircle.graphics.endFill ()؛

هنا هو رمز كاملة.

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: Category Chart (قد 2024).