تويت
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
في الجزر الاول كنا قد تطرقنا الى شرح دوال كلاس توين Tween وكيفية انجاز حركة بسيطة افقيا على مسرح العمل
في هذا الدرس سنستعرض بقية التفاصيل حتى نفهم أكثر كيفية التعامل مع العناصر وانجاز أي حركة نريدها .
أخي الكريم يفضل أن تفتح برنامج الفلاش وتطبق معنا لتفهم ليسهل عليك الفهم والاستيعاب .
ارسم مربع وحوله الى موفي كليب باسم mc1 واجعل نقطة الرجسترايشن كما في الصورة
طيب الان في نفس الطبقة أضف زر باسم btn واعطه نس الاسم في نافذة الخصائص Properties
ثم أضف طبقة للاكشن .
وانسخ فيها الكود التالي :
كود:
mc1.x = 50; mc1.y = 50;
نمر الى التطبيق == لو نضغط على الزر نريد من المربع أن يتحرك من النقطة 50 الى النقطة 200 بحركة من نوع Bounce.easeOut في عدد 2 ثواني
ببساطة ننسخ هذا الكود ونلصقه ونعاين
كود:
import fl.transitions.Tween;
import fl.transitions.easing.*;
btn.addEventListener(MouseEvent.CLICK, fl_Click);
function fl_Click(event:MouseEvent):void
{
var tweenX:Tween = new Tween(mc1,"x",Bounce.easeOut, 50, 200, 2, true);
}
لو أردت أن تكون الحركة في اتجاه عمودي يكفي فقط تغيير "x" الى "y" وتغير مثلا نقطة النهاية 200 الى 300
بهاته الطريقة أخي الكريم يمكن أن تغير في جميع القيم والخصائص لتصل الى الحركة التي تريدها .
هذا في ما يخص الحركة افقي وعمودي أما باقي الخصائص فاليك التالي :
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه أفقيا عن طريق الخاصية "scaleX" مرتين في 2 ثواني
كود:
var tweenScaleX:Tween = new Tween(mc1,"scaleX", Bounce.easeOut, 1, 2, 2, true);
كود:
var tweenScaleX:Tween = new Tween(mc1,"scaleY", Bounce.easeOut, 1, 2, 2, true);
كود:
var tweenScaleX:Tween = new Tween(mc1,"scaleX", Bounce.easeOut, 1, 2, 2, true); var tweenScaleY:Tween = new Tween(mc1,"scaleY", Bounce.easeOut, 1, 2, 2, true);
كود:
var tweenwidth:Tween = new Tween(mc1,"width", Bounce.easeOut,50, 200, 2, true);
كود:
var tweenwidth:Tween = new Tween(mc1,"height", Bounce.easeOut,50, 200, 2, true);
كود:
var tweenwidth:Tween = new Tween(mc1,"width", Bounce.easeOut,50, 200, 2, true); var tweenheight:Tween = new Tween(mc1,"height", Bounce.easeOut,50, 200, 2, true);
كود:
var tweenalpha:Tween = new Tween(mc1,"alpha", Bounce.easeOut, 1, 0.3, 2, true);
كود:
var tweenrotation:Tween = new Tween(mc1,"rotation", Bounce.easeOut, 0, 360, 2, true);
[flash=http://up.harajgulf.com/do.php?downex=698888.swf]WIDTH=550 HEIGHT=400[/flash]
في الجزء القادم نستعرض كيفية التحكم في الحركة وتنفيذ أوامر عند انتهاء حركة معينة والحركة بالوقت
وطرق اخرى مميزة .
استودعكم الله
الفلاش في المرفقات
وبارك الله فيك
تعليق