|
|
|
اذا كانة لديك الرغبة في الإعلان لموقعك يمكنك مراسلتنا
لوحة الإعلانات
|
|||||||||
|
|||||||||
|
السلام عليكم ورحمة الله وبركاته
|
|
|||||||||||||||||||
|
|
|||||||||||||||||||
|
|||||||||||||||||||
|
|||||||
| دروس الأكشن سكربت أكشن سكريبت, الأكشن سكربت, الأكشن سكريبت, الاكشن سكريبت, تعليم, دروس, شرح الأكشن, Action Script, Actionscript, Actionscript 1, Actionscript 2, Actionscript 3 |
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| تصميم موقع بسيط بالفلاش | بارق | دروس فلاش و الأكشن سكربت | 5 | 17-Oct-2008 02:20 PM |
| درس تحريك الاجسام بالفلاش .. درس بسيط لتعلم مبادئ الحركة | abo ahmed | دروس الفلاش | 17 | 26-Sep-2008 03:24 PM |
| استفسار عن كيفية وضع الصوت بالفلاش ؟؟ | 7 7 7 | دروس فلاش و الأكشن سكربت | 4 | 29-May-2007 01:20 AM |
| درس للمبتدئين بالفلاش (( كيفية رسم شكل قلب )) | Falcon Eyes | دروس الفلاش | 15 | 26-May-2007 04:35 AM |
| درس كيفية وضع حركات على الأزرار بالفلاش | Falcon Eyes | دروس الفلاش | 14 | 21-Jun-2006 06:49 AM |
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
|
#1
17-Apr-2007, 05:59 PM
|
|||||
|
|||||
كيفية صنع رسام بسيط بالفلاش
السلام عليكم
أقدم لكم درس كيفية إنشاء رسام مبسط والفكرة من الدرس هو كيفية تطبيق بعض التعليمات البرمجية في الفلاش وكيفية انشاء Movie Clip جديد وكيفية استخدام دوال الرسم كيفية استخدام الأداة الجاهزة (ComboBox) في الفلاش هنا أعرض لكم كيف سيبدو لكم الدرس في نهايته أرجو أن يعجبكم [flash=http://vb.eyesweb1.net/uploaded/2_1180828458.swf]WIDTH=500 HEIGHT=200[/flash] في البداية علينا أن نعلم بأن الرسم يعتمد على دالة (LineTo) وهي دالة لها برامترين (x,y) وهما إحداثيي النقطة التي نريد أن نرسم خط إليها وبما أننا نقول إليها فهذا يعني بأننا بدأنا من مكان ما والبداية نحددها نحن بالدالة (moveTo) ولها نفس البرامترين للدالة السابقة فنحدد مكان البداية ومن ثم نقول له ارسم خطا من من مكان البداية إلى المكان الفلاني والذي نحدده أيضاً وللخط عدة خصائص هي اللون والسماكة والشفافية ونحدد هذه الخصائص عن طريق الدالة (lineStyle) والتي لها ثلاث بارامترات الأول وهو السماكة والثاني هو اللون أما الثالث فهو الشفافية والآن يكون لينا التالي : لرسم خط علينا أولا تضمين هذا الخط في Movieclip من اختيارنا (يفضل انشاء واحد جديد فارغ وذلك عن طريق الدالة createEmptyMovieClip والتي تملك بارامترين الأول هو الأسم الذي سنطلقه على العنصر الجديد والثاني هو العمق الذي نريد وضع هذا العنصر فيه ) ومن ثم تحديد خصائص هذا الخط ومن ثم نقطة بداية هذا الخط ومن ثم نثقطة نهاية هذا الخط وذلك كما يلي : كود:
createEmptyMovieClip("line_mc",1);
line_mc.lineStyle(1,0x000000,100);
line_mc.moveto(0,0);
line_mc.lineto(100,100)
(0.0) و(100.100) ملاحظة: اللون يحدد برقم ست عشري مكون من ست خانات يسبقه الرمز (0x) ليشرح للفلاش بأنه رقم ست عشري ( النظام الست عشري مكون من ستة عشر رمز هي 0/1/2/3/4/5/6/7/8/9/a/b/c/d/e/f ) والآن حتى نستطيع الرسم علينا أولا أن نعلم الفلاش بأننا ضغطنا على زر الفأرة وأن نخبره ماذا يفعل وأن نخبره عندما نتوقف عن الضغط وأن يتوقف عن فعل ما طلبناه منه ولهذا الغرض ننشئ movieclip خارج مساحة العمل ولنسمه action_mc في هذا العنصر نضع بعض السطور البرمجية وهي بأنه عند حدث Mousedown أي ضغط زر الفأرة قم بإنشاء MovieClip جديد في مكان وجود الفأرة وعند حدث MouseMove أي تحرك الفأرة قم برسم خط من مكان ضغط الفأرة إلى المكان الذي تحركت إليه الفأرة وعند حدث Mouseup أي توقف الضغط على زر الفأرة توقف عن رسم الخط وبما أن الفأرة تتحرك دائما على مساحة العمل فعلينا أن نمرر متحولاً بين حدث MouseDown و MouseMove وأيضاً بين حدث Mouseup و MouseMove وليكن متحولاً بوليانيا وليكن اسمه m_down (المتحول البولياني يأخذ أحد قيمتين (True,False أي إما صح أو خطأ) فعند الضغط يكون هذا المتحول قيمته true وعند توقف الضغط يصبح قيمته false فعند تحرك الفأرة يتفقد قيمة هذا المتحول فإذا كان true يقوم بالرسم وإذا كان False لا يقوم بالرسم وفي نفس الـ MovieClip الذي نضع فيه هذه السطور البرمجية نحدد فيه القيم الابتدائية للرسم فيكون M_down=False وبما أننا نريد أن نتمكن من تغيير لون وسماكة وشفافية خط الرسم نفرض متحولات لكل منها ولتكن l_w لعرض خط الرسم l_c للون خط الرسم و l_a لشفافية خط الرسم ونعطيها القيم التي نريد كقيم ابتدائية مثلاً L_w=1 L_c=0x000000 L_a=100 أما عن تحديد موضع الفأرة فيكون ذلك عن طريق _xmouse و _ymouse والتي تحدد لنا موضع الفأرة ملاحظة: إن مبدأ المحاور في الفلاش يتغير حسب موضع العنصر الذي نحن بداخله فمبدأ المحاور لكل عنصر هو مركز هذا العنصر (المحاور هي X وهو المحور الأفقي وY وهو المحور الشاقولي ) لذلك عند تحديد موضع الفأرة نعود إلى مساحة العمل الأساسية _root فتكون التعليمات التي تحدد مكان الفأرة هي _root._xmouse(); _root._ymouse(); ونقوم بوضع الـ Movieclip الذي نقوم بالرسم عن طريق وضع التعليمات البرمجية فيه في النقطة (0.0) ملاحظة: بما أنه لا يمكن سوى إنشاء MovieClip واحد في كل عمق فعلينا أن نقوم بتغيير العمق في كل مرة نقوم فيها بالرسم(أي النقر على زر الفأرة) وسنقوم بذلك عن طريق وضع متحول وليكن j يتم زيادة قيمته في كل مرة نقوم فيها بالنقر على زر الفأرة ونستعمل هذا المتحول لتحديد عمق إنشاء الـ moviewclip الجديد وهذه هي الكتلة البرمجية كاملة كود:
onClipEvent(load){
Mouse.hide();
j=0;
l_c=0x000000;
l_w=1;
l_a=100;
}
onClipEvent (mouseDown) {
j+=1;
this.createEmptyMovieClip("line_mc", j);
line_mc.lineStyle(l_w,l_c,l_a);
line_mc.moveTo(_xmouse,_ymouse);
m_doun=true;
}
onClipEvent (mouseUp) {
m_doun=false;
}
onClipEvent (mouseMove) {
if(m_doun==true){
if(_xmouse<300){
line_mc.lineTo(_root._xmouse,_root._ymouse)
}
}
}
combobox وهو عنصر جاهز ضمن الفلاش تجده ضمن قائمة Components والتي تستطيع إظهارها من window=>Components ولهذه الأداة عدة خصائص هي : Data : وضمنها تحدد قيم الخيارات التي ستضعها في هذا العنصر Editable : وضمنها تحدد إذا كنت تريدها قابلة للتعديل من قبل المستعرض للفلاش Labels :وضمنها تحدد الأسماء التي ستظهر في العنصر ويكون ترتيب كل اسم موافق للقيمة التي بنفس الترتيب والتي قد أدخلتها في خانة Data Rowcount :وضمنها تحدد عدد الأسماء التي تريد ظهورها عند النقر على العنصر أما في حال وجود أسماء أكثر من القيمة التي أدخلتها فسينشئ شريط تمرير عند النقر عليه يسمح لك بزلق القيم يمكنك إظهار لوح الخصائص من Window=>Properties=>Parameters بعد تحديد العنصر الذي تريد إظهار خصائصه وعند إدراج هذه العناصر الثلاثة سندخل في كل منها القيم التي نريدها ولتكن الأولى للون فندخل في خانة Data القيم التالية: [0x000000,0xee0000,0x00ee00,0x0000ee] وفي خانة Labels القيم التالية : ]أسود,أحمر,أخضر,أزرق[ ولا داعي لتعديل باقي الخصائص وفي العنصر الثاني وليكن لسماكة الخط ندخل القيم التالية في خانة Data [1.2.3.4.5.6.7.8.9.10] وفي خانة Labels القيم التالية : [1.2.3.4.5.6.7.8.9.10] أما في العنصر الثالث وسيكون للشفافية سندخل القيم التالية في خانة Data [10.20.30.40.50.60.70.80.90.100] وفي خانة Labels القيم التالية : [10%.20%.30%.40%.50%.60%.70%.80%.90%.100%] ونضع في كل منها تعليمة برمجية بحيث أنه عن التعديل على القيمة الظاهرة عليها يتم تغير قيم المتحولات التي تتحكم بمواصفات خط الرسم الذي نقوم برسمه فمثلا عن اختيار اللون الأحمر الألوان سيتم تعديل قيمة المتحول الخاص باللون وهو l_c إلى القيمة الموافقة الموضوعة ضن عنصر الـ ComboBox والتي هي 0xee000000 ملاحظة: إن المتحولات في الفلاش موضعية أي أن الفلاش لا يرى المتحول إلا في العنصر الذي تم وضعه فيه لذلك علينا تحديد مسار المتحول بشكل كامل حتى نستطيع التعديل عليه أو أخذ قيمته فتكون التعليمة الموضوعة في عنصر تغيير اللون مصلا كالتالي كود:
on(change){
_root.action_mc.l_c=this.value;
}
فأنا مثلا قمت بإخفاء الفأرة واستبدال مؤشرها بقلم كما أضفت زر مسح (حقيقة هو ليس زر مسح إنما زر يقوم بإعادة تشغيل الفلاش من جديد) وقمت بتحديد مساحة معينة للرسم قم أنت أيضا ببعض اللمسات التي تجعل عملك أجمل أتمنى أن يكون في هذا الدرس الفائدة للجميع ولتحميل الملف المفتوح للتطبيق الذي عرض في بداية الدرس في المرفقات وعذرا للإطالة إنما القصد هو الإفادة وشكرا والسلام عليكم التعديل الأخير تم بواسطة MATRIX MX ; 03-Jun-2007 الساعة 02:55 AM سبب آخر: ترتيب للموضوع فقط + رفع الدرس للسيرفر
|
|
#5
19-Apr-2007, 02:49 PM
|
|||||
|
|||||
|
رد: كيفية صنع رسام بسيط بالفلاش
أهلين بالغالي ...
مو على الدرس ما عجبنا الناس لهي بدراستها حالياً اغلب الموجودين مخذتهم الدراس والاختبارات ... الدرس حلو ما عليه اي كلام حبيبي .. الرابط لا يعمل يالغالي ... ان شاء الله نشوف منك المزيد .. دمت غالي .. التعديل الأخير تم بواسطة looked ; 19-Apr-2007 الساعة 03:19 PM
|
|
#6
22-Apr-2007, 09:30 AM
|
|||||
|
|||||
|
رد: كيفية صنع رسام بسيط بالفلاش
وعليكم السلام ورحمة الله بوركاته
الله يسلم يديك يا رب على هذا الدرس الروعه بجد درس قليل في حقه تقييم وخمس نجوم يستر عليك يا شيخ ويزيدك من نعيمه ابو شوق
|
|
#7
22-Apr-2007, 10:45 AM
|
|||||
|
|||||
|
رد: كيفية صنع رسام بسيط بالفلاش
السلام عليكم
عذرا منكم اخواني لكن الروابط لا تعمل والسبب مشكلة مع شركة الاستضافة لموقعي والذي أقوم برفع الملفات إليه عذرا مجددا وسيتم اصلاح الخطأ قريباً والسلام عليكم
|
|
#8
22-Apr-2007, 10:48 AM
|
|||||
|
|||||
|
رد: كيفية صنع رسام بسيط بالفلاش
يا هلا اخوي الكريم
http://vb.eyesweb1.net/uploader.php ارفع هنا ما تريد يوفقك يا رب ويستر عليك عادي تحصل في احسن العائلات اب وشوق
|
|
| مواقع النشر (المفضلة) |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
 |
|
اذا كانة لديك الرغبة في التبادل النصي لموقعك يمكنك مراسلتنا
لوحة التبدال النصي
|
||||||||||||
|
|
لوحة الروابط المهمة التي تساعدك على معرفة طريقك بالمنتدى
روابط مهمة
|
|
|
|
العرض العادي
