azizsoft
15-04-2016, 12:56 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
في الجزر الاول كنا قد تطرقنا الى شرح دوال كلاس توين Tween وكيفية انجاز حركة بسيطة افقيا على مسرح العمل
في هذا الدرس سنستعرض بقية التفاصيل حتى نفهم أكثر كيفية التعامل مع العناصر وانجاز أي حركة نريدها .
أخي الكريم يفضل أن تفتح برنامج الفلاش وتطبق معنا لتفهم ليسهل عليك الفهم والاستيعاب .
ارسم مربع وحوله الى موفي كليب باسم mc1 واجعل نقطة الرجسترايشن كما في الصورة
http://up.harajgulf.com/do.php?img=698688
طيب الان في نفس الطبقة أضف زر باسم btn واعطه نس الاسم في نافذة الخصائص Properties
ثم أضف طبقة للاكشن .
وانسخ فيها الكود التالي :
mc1.x = 50;
mc1.y = 50;
يعني أن الموفي كليب سيكون عند تشغيل الفلاش في النقطة 50 x و y50
نمر الى التطبيق == لو نضغط على الزر نريد من المربع أن يتحرك من النقطة 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);
}
نعوض الان Bounce.easeOut بــــــــــــــــــ Elastic.easeOut ونغير النقطة 200 الى 400 ونغيرفي الثواني من 2 الى 3 ونعاين
لو أردت أن تكون الحركة في اتجاه عمودي يكفي فقط تغيير "x" الى "y" وتغير مثلا نقطة النهاية 200 الى 300
بهاته الطريقة أخي الكريم يمكن أن تغير في جميع القيم والخصائص لتصل الى الحركة التي تريدها .
هذا في ما يخص الحركة افقي وعمودي أما باقي الخصائص فاليك التالي :
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه أفقيا عن طريق الخاصية "scaleX" مرتين في 2 ثواني
var tweenScaleX:Tween = new Tween(mc1,"scaleX", Bounce.easeOut, 1, 2, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه عموديا عن طريق الخاصية "scaleY" مرتين في 2 ثواني
var tweenScaleX:Tween = new Tween(mc1,"scaleY", Bounce.easeOut, 1, 2, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه أفقيا و عموديا عن طريق الخاصية "scaleY" و "scaleX" مرتين في 2 ثواني
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);
يمكن أن نجعل هذا المربع اي الموفي كليب يتمطط أفقيا عن طريق الخاصية "width" من النقطة 50 الى النقطة 200 مثلا في 2 ثواني
var tweenwidth:Tween = new Tween(mc1,"width", Bounce.easeOut,50, 200, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتمطط عموديا عن طريق الخاصية "height" من النقطة 50 الى النقطة 200 مثلا في 2 ثواني
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);
يمكن أن نطبق على هذا المربع اي الموفي كليب الشفافية عن طريق الخاصية "alpha" من القيمة 1 الى القيمة 0.3 مثلا في 2 ثواني
var tweenalpha:Tween = new Tween(mc1,"alpha", Bounce.easeOut, 1, 0.3, 2, true);
يمكن أن نطبق على هذا المربع اي الموفي كليب الدوران عن طريق الخاصية "rotation" من القيمة 0 الى القيمة 360 مثلا في 2 ثواني
var tweenrotation:Tween = new Tween(mc1,"rotation", Bounce.easeOut, 0, 360, 2, true);
المطلوب منك أن تنسخ الكود في كل مرة وتعاين النتيجة وهذا مثال لكل ما تعرضنا له .
WIDTH=550 HEIGHT=400
في الجزء القادم نستعرض كيفية التحكم في الحركة وتنفيذ أوامر عند انتهاء حركة معينة والحركة بالوقت
وطرق اخرى مميزة .
استودعكم الله
الفلاش في المرفقات
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
في الجزر الاول كنا قد تطرقنا الى شرح دوال كلاس توين Tween وكيفية انجاز حركة بسيطة افقيا على مسرح العمل
في هذا الدرس سنستعرض بقية التفاصيل حتى نفهم أكثر كيفية التعامل مع العناصر وانجاز أي حركة نريدها .
أخي الكريم يفضل أن تفتح برنامج الفلاش وتطبق معنا لتفهم ليسهل عليك الفهم والاستيعاب .
ارسم مربع وحوله الى موفي كليب باسم mc1 واجعل نقطة الرجسترايشن كما في الصورة
http://up.harajgulf.com/do.php?img=698688
طيب الان في نفس الطبقة أضف زر باسم btn واعطه نس الاسم في نافذة الخصائص Properties
ثم أضف طبقة للاكشن .
وانسخ فيها الكود التالي :
mc1.x = 50;
mc1.y = 50;
يعني أن الموفي كليب سيكون عند تشغيل الفلاش في النقطة 50 x و y50
نمر الى التطبيق == لو نضغط على الزر نريد من المربع أن يتحرك من النقطة 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);
}
نعوض الان Bounce.easeOut بــــــــــــــــــ Elastic.easeOut ونغير النقطة 200 الى 400 ونغيرفي الثواني من 2 الى 3 ونعاين
لو أردت أن تكون الحركة في اتجاه عمودي يكفي فقط تغيير "x" الى "y" وتغير مثلا نقطة النهاية 200 الى 300
بهاته الطريقة أخي الكريم يمكن أن تغير في جميع القيم والخصائص لتصل الى الحركة التي تريدها .
هذا في ما يخص الحركة افقي وعمودي أما باقي الخصائص فاليك التالي :
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه أفقيا عن طريق الخاصية "scaleX" مرتين في 2 ثواني
var tweenScaleX:Tween = new Tween(mc1,"scaleX", Bounce.easeOut, 1, 2, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه عموديا عن طريق الخاصية "scaleY" مرتين في 2 ثواني
var tweenScaleX:Tween = new Tween(mc1,"scaleY", Bounce.easeOut, 1, 2, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتضاعف حجمه أفقيا و عموديا عن طريق الخاصية "scaleY" و "scaleX" مرتين في 2 ثواني
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);
يمكن أن نجعل هذا المربع اي الموفي كليب يتمطط أفقيا عن طريق الخاصية "width" من النقطة 50 الى النقطة 200 مثلا في 2 ثواني
var tweenwidth:Tween = new Tween(mc1,"width", Bounce.easeOut,50, 200, 2, true);
يمكن أن نجعل هذا المربع اي الموفي كليب يتمطط عموديا عن طريق الخاصية "height" من النقطة 50 الى النقطة 200 مثلا في 2 ثواني
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);
يمكن أن نطبق على هذا المربع اي الموفي كليب الشفافية عن طريق الخاصية "alpha" من القيمة 1 الى القيمة 0.3 مثلا في 2 ثواني
var tweenalpha:Tween = new Tween(mc1,"alpha", Bounce.easeOut, 1, 0.3, 2, true);
يمكن أن نطبق على هذا المربع اي الموفي كليب الدوران عن طريق الخاصية "rotation" من القيمة 0 الى القيمة 360 مثلا في 2 ثواني
var tweenrotation:Tween = new Tween(mc1,"rotation", Bounce.easeOut, 0, 360, 2, true);
المطلوب منك أن تنسخ الكود في كل مرة وتعاين النتيجة وهذا مثال لكل ما تعرضنا له .
WIDTH=550 HEIGHT=400
في الجزء القادم نستعرض كيفية التحكم في الحركة وتنفيذ أوامر عند انتهاء حركة معينة والحركة بالوقت
وطرق اخرى مميزة .
استودعكم الله
الفلاش في المرفقات