رد: دروس فـلاش للمبتـدئيــن
السلام عليكم ورحمة الله وبركاته
بهذا الدرس سنتعرف على كيفية عمل زر لتشغيل وايقاف ملف الصوت
كهذا - انتظر التحميل - :
أولا سنقوم باضافة زر الايقاف والتشغيل
على الفريم الاول نضغط ****** ثم Common Libraries
ثم نختار Buttons فتظهر لنا قائمة بملفات الازرار،
سـ نختار آخر ملف playback rounded
ونسحب منه زر play ثم زر stop الى مسرح العمل .
كـ هذا الشكل :
https://mwadah.com/images/imgcache/2008/02/496.imgcache
نبدأ الآن درس عمل زر التشغيل والايقاف
خطــوات الـدرس :
1) نضغط على الفريم الاول ثم نختار file ثم import وندرج ملف الصوت .
2) نفتح لايرين جديدين - فيصبح مجموع اللايرات لدينا ثلاثة -
3) باللاير الثالث نضغط على الفريم (10) ثم F5
4) باللاير الثاني نضغط على الفريم (10) ثم F5
5) باللاير الاول نضغط على الفريم (10) ثم F5
https://mwadah.com/images/imgcache/2008/02/497.imgcache
6) في اللاير الاول نضغط على الفريم (5) ثم نضغط F6
7) في اللاير الثاني كذلك نضغط على الفريم (5) ثم F6
8) في اللاير الثالث نضغط الفريم (5) ثم F6
https://mwadah.com/images/imgcache/2008/02/498.imgcache
9) في اللاير الثالث نضغط على الفريم (1) ونضغط على Action
ومن قائمة Global Function نختار Timeline Control ثم نضغط ضغطتين على أمر Stop
10) في نفس اللاير نضغط على الفريم (5) ثم نفتح الـ Action مرة اخرى
ونضغط ضغطتين على أمر Stop
11) في اللاير الثاني نضغط على الفريم (5) لكي نضيف له ملف الصوت
ونضغط من قائمة Properties على Sound
ثم نختار الملف الصوتي ونضع القيم التالية:
Sync :------> Start
ثم نختار loop
https://mwadah.com/images/imgcache/2008/02/499.imgcache
12) نذهب الى اللاير الاول ونضغط على الفريم الاول ، ثم نذهب الى مسرح العمل ونضعط ضغطة واحدة على المساحة الفاضية
13) نضغط الآن على زر التشغيل - الموجود بمسرح العمل- .. ونفتح -من مسرح العمل- Action
نضغط على أمر goto ضغطتين
فيفتح لنا نافذة الامر -بجهة اليمين-
وبالخانة الثالثة (frame ) نكتب الرقم 5
https://mwadah.com/images/imgcache/2008/02/500.imgcache
14) نذهب الى الفريم (5) من ذات اللاير ونضغط عليه ضغطة واحدة .. ثم نضعط على المساحة الفاضية بمسرح العمل
ثم نضغط بالسهم على زر الايقاف .
نفتح الـ Action
ونضغط ضغطتين على أمر Stop All sound
ثم اضغط ضغطتين على أمر goto
اغلق الاكشن
15) احفظ العمل .. ثم اضغط على Ctrl + Enter
انتهى الدرس .
تحياتي
رد: دروس فـلاش للمبتـدئيــن
رد: دروس فـلاش للمبتـدئيــن
وقد قمت بدوري بتفصيل شرحه بطريقة مبسطة لضمان شرح أكثر تبسيط يصل بسهولة للمتلقي المبتدئ .
الدرس:
بعد ان نقوم بعمل عرض الفلاش الرئيسي - والذي لابد أن يحتوي على اكثر 100 فريم واكثر من لاير-
نحتاج لعمل مشهد تحميل له .. وذلك لأن ملف الفلاش اصبح كبير الحجم ..وانتظار المشاهد لحين تحميل العرض دون وجود مشهد تحميل سيُشعره بالملل
بعد أن انتهينا من عمل العرض الرئيسي.. نضغط على Insert ثم Scene.
الآن نقوم بانشاء لايرين
الاول نسميه Action
والثاني ****
نختار لاير **** ونضغط أول فريم ثم نكتب كلمة Loading
ثم نضغط F8 ونختار Graphic
نضغط الفريم 10 و F6
ثم نضغط فريم 20 و F6
نعود للفريم 10 .. ونغير الشفافية (Alpha) ونجعلها 0%
ظلل لاير **** كله ثم اضغط Create Motion Tween
نضغط الآن ****** ثم Other Panels
ونختار Scene
لدينا الآن مشهدين 1 و 2
سنقوم بسحب Scene2 أعلى Scene1
بهذا الشكل
https://mwadah.com/images/imgcache/2008/02/486.imgcache
لاتغلق النافذة.. بل سنقوم قبلها بتغيير اسماء المشاهد
مشهد Scene2 سنغيره الى PreLoad -بالضغط على الاسم مرتين متتاليتين-
ومشهد Scene1 سنغيره الى Main
اصبح الشكل هكذا:
https://mwadah.com/images/imgcache/2008/02/487.imgcache
تأكدوا من رقم آخر فريم بالمشهد الرئيسي (اللي عندي 110 فريم)
ثم نضغط على مشهد التحميل PreLoad
ونغلق نافذة Scene الصغيرة
الآن نختار لاير الـ Action ونضغط أول فريم، ثم بيمين الماوس نختار Action.. ونضع هذا الكود:
كود PHP:
ifFrameLoaded ("Main", 110) {
gotoAndPlay("Main", 1);
}
ملاحظة: الرقم اللي باللون الأحمر هو رقم آخر فريم بالمشهد الرئيسي.. ويمكن تغييره حسب مشهدك الخاص
الآن نذهب الى لاير **** ونضغط على الفريم (10) ثم F6 وبيمين الماوس نختار Action ونضع الكود التالي:
احفظ العمل .. ثم اضغط Ctrl + Enter مرتين لمشاهدة مشهد التحميل
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 18 _ مشهد التحميل جـ2
السلام عليـكمـ ..
هذه هي الطريقة الثانية من دروس مشهد التحميل .. وتُعرف بمشهد تحميل البايتات .
إليكمـ الخطوات :
بعد أن قمنا بعمل مشهد الفلاش الرئيسي ..
نأتي الآن لنتعرف على كيفية عمل مشهد التحميل بالبايتات
كهذا :
سنختار ****** ثم نضغط Other panels ثم Scene
وننشئ مشهد جديد اسمه scene 2
ثم نسحبه بالماوس اعلى المشهد الاول الـ scene 1
نضغط على الفريم الاول - مع ملاحظة ان كل ماسنقوم به لاحقاً سيكون في هذا الفريم-
1) نختار أداة الكتابة و نقوم بتحديد منطقة الكتابة بحيث نشد أداة الكتابة على شكل مستطيل لكن دون ان نكتب شي داخله .
ملاحظة: إستخدم أداة السهم لسحب خانة الكتابة وتغيير مكانها .
لاحظ أننا مانزال محتفظين بتحديد منطقة الكتابة .. ثم نقوم بتكبير حجم الخط الى 35 ونغير لون الخط بحيث يخالف لون الخلفية .
******
Properties
ونحول الـ Static ****
نحوله الى
Dynamic ****
بنفس خصائص الـ Properties
سنجد خانة باسم Var
سنكتب بداخله total
2) نأتي الآن الى لنرسم المستطيل الثاني
سنختار اداة الكتابة ونسحبه على شكل مستطيل -كما فعلنا في المرة السابقة- ونجعل هذا المستطيل اسفل المستطيل الاول .
ونحول خاصية الخط من Static **** الى Dynamic ****
وفي خانة Var
نكتب loaded
3) نرسم المستطيل الثالث والاخير بنفس الطريقة السابقة و سنجعله بأسفل المستطيلين السابقين
وفي خانة Var
نكتب percentage
4) نضغط على الفريم الاولو بيمين الماوس نختار Action
ثم نضع هذا الكود
total = getBytesTotal();
loaded = getBytesLoaded();
percentage= int((loaded/total)*100)+"%";
5) نضغط الفريم (2) ثم F6
ونضع الكود التالي:
if (_framesloaded>=_totalfra mes) {
gotoAndPlay ("Scene 1", 1);
} else {
gotoAndPlay (1);
}
نعود الى المشهد الرئيسي Scene1
ونضغط على آخر فريم .. ثم بيمين الماوس نختار Action
ونضغط على امر Stop
بقي أن نعرف مهمة كل مستطيل من المستطيلات الثلاثة.
احفظ العرض الآن .. ثم اضغط Ctrl+Enter مرتين
اخيراً ..لابد لي من الاشارة الى ان هذا الدرس هو من إعداد الاخت الفاضلة/ عفاف العتيبي .. جزاها الله كل خير.
وقد شرحته بطريقتي .
رد: دروس فـلاش للمبتـدئيــن
استكمالاً لدروس الفلاش التي بدأناها سابقاً ، سنقوم اليوم بشرح طريقة عمل شريط تحميل .
وهي الطريقة الاكثر شيوعاً في عروض الفلاش ..
المثـال :
بعد أن قمنا بعمل المشهد الرئيسي جاء وقت عمل شريط التحميل..
سنضغط على قائمة ****** ثم نختار Other Panels
ثم نختار Scene ونضغط على زر الزائد + لننشئ به مشهد التحميل المسمى Scene 2
ثم نقوم بسحبه أعلى المشهد الرئيسي Scene 1
خطـوات الدرس:
1) في الفريم الاول نرسم مستطيل بدون إطار لوني خارجي
الشكل:
https://mwadah.com/images/imgcache/2008/02/479.imgcache
ثم نختار قائمةProperties ونغير القيمة العددية لـ W
الى 100
الشكل:
https://mwadah.com/images/imgcache/2008/02/480.imgcache
2) نضغط بالماوس على المستطيل ثم F8.. سيظهر لنا مربع الـ Convert to symbol ، و نجد كلمة Registration وبجانبها شكل مربع بداخله مربعات صغيرة -كهذا- https://mwadah.com/images/imgcache/2008/02/481.imgcache
.. سنضغط على المربع الاوسط بجهة اليسار حتى يظهر مكانه مربعاً أسود .
الشكل:
https://mwadah.com/images/imgcache/2008/02/482.imgcache
ثم نختار Movie Clip و Ok
3) نعود الى خصائص Properties ونكتب في المستطيل الفاضي a
الشكل:
https://mwadah.com/images/imgcache/2008/02/483.imgcache
4) نضغط على الفريم 3 ثم F5
5) نفتح لاير جديد .
6) نضغط الفريم الاول و نختار أداة المربع .. ونختار لون للإطار الخارجي ونخفي بالمقابل اللون الداخلي https://mwadah.com/images/imgcache/2008/02/484.imgcache
ملاحظـة : لاتنسى ان تجعل لون الاطار الخارجي مختلفاً عن اللون الداخلي للمستطيل الذي رسمناه في البداية.
7) نقوم برسم مستطيل الآن .. وسيكون بهذا الشكل :
https://mwadah.com/images/imgcache/2008/02/485.imgcache
8) نفتح لاير جديد ونضغط على الفريم الاول ثم F6
ثم نعود الى الفريم الاول ونضع هذا الكود في الـ Action:
bytes_loaded = Math.round(_root.getBytes Loaded());
bytes_total = Math.round(_root.getBytes Total());
getPercent = bytes_loaded/bytes_total;
_root.a._***** = getPercent*100;
_root.b = Math.round(getPercent*100 )+"%";
if (bytes_loaded == bytes_total) {
gotoAndPlay("Scene 1", 1);
}
9) نضغط على الفريم الثاني من اللاير الثالث و نفتح الـ Action ثم نضع هذا الكود :
gotoAndPlay(1);
انتهى الدرس .. واتمنى ان يكون الشرح واضحاً وبسيطاً بالنسبة لكم .
