عبيرالحياة
09-07-2012, 22:44
الســلام عليكم ورحمة الله وبركاته
كورس كامل عمل برنامج تعليمى بالفلاش والأكشن سكربت 3.0 (https://arabhardware.net/forum/showthread.php?t=309219)
الحمد لله والصلاة والسلام على رسول الله (ص) .. بعد عناء حصلت على هذا الكورس المميز بعد البحث الكثير فى المصادر العربية عن مصدر قوى للفلاش والأكشن سكربت (https://arabhardware.net/forum/showthread.php?t=309219) وها هو الكورس المميز قلت لازم اخواتى يشوفوه معايا ويستفيدوا لأنه فعلا مميز
اتمنى تكون اول مشاركاتى مفيدة للمهتمين بالفلاش (https://arabhardware.net/forum/showthread.php?t=309219)
كورس (https://arabhardware.net/forum/showthread.php?t=309219) إنشاء برنامج (https://arabhardware.net/forum/showthread.php?t=309219) تعليمى (https://arabhardware.net/forum/showthread.php?t=309219)من الصفر لفريق دفاع عن النفس لصغار السن عن طريق مشاهدة فيديو ثم الإجابة على اسئلة مع تصحيح الأخطاء
هدف الكورس : عمل برنامج تفاعلى بين المستخدم والمناهج الدراسية .
الفئة المستهدفة : التلاميذ - الطلاب - المعلمين - المهتمين بتعلم برنامج الفلاش (https://arabhardware.net/forum/showthread.php?t=309219)- المبرمجين .
مستوى الكورس : متوسط للجدد فى مجال الإنتر أكتف ميديا .
محتويات الكورس :
- فيديو .
- صور .
- صوت .
- أنيميشن .
- أكشن سكربت 3.0
- العمل سيكون على برنامج الفلاش CS5.5 ، برنامج أدوبى ميديا أنكودر ، برنامج MP4 Cutter
تحليل المشروع :
- سيتم عمل المشروع عبارة عن 3 سلايدات مربوطين بالأكشن سكربت 3.0
- سيكون طريقة العرض كالتالى :
1- المشاهد يرى الفيديو ثم يظهر له سؤال ويتم الإجابة عليه وتصحيح الإخطاء .
2- سيتم ربط الإجابات بعوامل بصرية مثل ظهور وجه فرح أو حزين مع الإجابة الصحيحة والخاطئة على التوالى .
3- سيتم إضافة أيقونة للمساعدة بها صوت وأنيميشن .
4- سيتم استخدام أدوات الرسم والأنيميشن بطريقة ال frame by frame .
4- أول وثانى سلايد تكونان فيديو والسؤال عليه ( مستوى متوسط ) ، أما السلايد الثالثة ستكون عبارة على سحب و افلات الجابات الصحيحة والخاطئة ( مستوى متقدم ) .
5- سيتم عمل أكواد خاصة بقراءة ملفات صوت خارج ملفات الفلاش وتشغيلها عند أمر معين ( مستوى متقدم ).
- الفيديو جاهز الذى سيتم عمل الكورس عليه .
- الأصوات جاهزة وهى بصوت ترجمة جوجل كمثال للأصوات .
- الصور من على محركات البحث .
الكورس فريد عربيا وياريت فقط النشر على المواقع الإجتماعية والمنتديات الأخرى لتعم الفائدة وادال على الخير كفاعله
تحميل الملفات المستخدمة فى كورس الأنترأكتف ميديا
لمشاهدة نتيجة العمل من هنا (https://www.mediafire.com/?j0nc8u2m2yekioa)
مقــدمـــة
https://blip.tv/play/h5NGgtvoBwI.html?p=1
المرحــــلة الأولـــى
المحاضرة الأولى
https://blip.tv/play/h5NGgtufQAI.html?p=1
المحاضرة الثانية
https://blip.tv/play/h5NGgtuiegI.html?p=1
المحاضرة الثالثة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtuwdAI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtuuYQI.html?p=1
الجـــــــزء الثالث
https://blip.tv/play/h5NGgtusKAI.html?p=1
المحاضـــرة الرابعة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtu7JAI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtu%2BTwI.html?p=1
المحاضـــرة الخامسة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvQNAI.html?p=1
الكود المستخدم فى الفيديو الأول
Welldone_mc.visible = false;
Tryagain_mc.visible = false;
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtvSUwI.html?p=1
الكود المستخدم فى الفيديو الثانى
Lion_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
{
Welldone_mc.visible = false;
Tryagain_mc.visible = true;
}
//----------------------------
Wolf_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_2);
function fl_MouseClickHandler_2(event:MouseEvent):void
{
Welldone_mc.visible = false;
Tryagain_mc.visible = true;
}
//----------------------------
Tiger_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_3);
function fl_MouseClickHandler_3(event:MouseEvent):void
{
Welldone_mc.visible = true;
Tryagain_mc.visible = false;
}
//----------------------------
Lion_btn.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_2);
function fl_MouseOutHandler_2(event:MouseEvent):void
{
Tryagain_mc.visible = false;
}
//----------------------------
Wolf_btn.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);
function fl_MouseOutHandler_3(event:MouseEvent):void
{
Tryagain_mc.visible = false;
}
//----------------------------
المحاضـــرة السادسة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvbMwI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtvcPAI.html?p=1
الجـــــــزء الثالث
https://blip.tv/play/h5NGgtveIgI.html?p=1
المرحــــلة الثــــــانية
المحاضـــرة السابعة
https://blip.tv/play/h5NGgtvfWwI.html?p=1
المحاضـــرة الثامنة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvpXwI.html?p=1
الجـــــــزء الثانى
الأكواد المستخدمه فى السلايد الثالث
أول شىء كود لعمل فولدر برمجى
var dict = new Dictionary ();
كود تفعيل كل كلمة من الكلمات الأربعة على الصندوق الصحيح لها
dict[box_c] = the;
dict[box_d] = Tiger;
dict[box_b] = won;
dict[box_a] = man;
أكواد قراءة ملفات الصوت من خارج ملف العمل وهى فى نفس فولدر السلايد الثانى والثالث
كود قراءة صوت Welldone عند الإجابة الصحيح
var request:URLRequest = new URLRequest("SWF/Welldone.mp3");
var applause:Sound = new Sound();
applause.load(request);
كود قراءة صوت منفصل عند نهاية الإجابات الصحيحة
var request2:URLRequest = new URLRequest("SWF/music.mp3");
var music:Sound = new Sound();
music.load(request2);
كود قراءة صوت Tryagain عند الإجابة الخاطئة
var request3:URLRequest = new URLRequest("SWF/Tryagain.mp3");
var laugh:Sound = new Sound();
laugh.load(request3);
كود السحب للإجابات الصحيحة
var hits = 0; لحساب الإجابات الصحيحة
var max = 0; لحساب حجم او مساحة الفولدر البرمجى
var ori_x;
var ori_y;
سنضع الأن الأحداث لكل من الأربع عناصر داخل الفولدر البرمجى و سيتكرر تلقائيا داخل القيم وليست داخل الفريمات
for each (var item in dict)
{
item.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
item.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
max = max + 1;
item.buttonMode = true;
}
كود احداث الماوس فى الحالة المسك بالعناصر عند السحب
function mouseDownHandler(evt:MouseEvent):void {
var object = evt.target;
ori_x = object.x
ori_y = object.y
object.useHandCursor = true;
object.startDrag();
}
function mouseUpHandler(evt:MouseEvent):void {
توقيف جميع الأصوات
SoundMixer.stopAll();
var obj = evt.target;
ال obj هنا لتعطى هى العنصر وهذا يعد مسار للعنصر إلى الصندوق
var target = obj.dropTarget;
لحساب علاقة الحركة بين العنصر والصندوق
if (target != null)
{
test_match(target, obj);
}
obj.stopDrag();
}
function test_match(target,obj) {
لعمل اختبار ان كان العنصر ملامس للصندوق أم لا
if (dict[target] == obj)
{
لحساب الملامسه للعناصر والصناديق
hits = hits+1;
textField.text = "True";
applause.play();
لجعل العناصر اقل وضوحا عند دخولها إلى الصندوق الصحيح
obj.alpha = 0.5;
لتوقيف حركة الماوس بعد دخول العنصر الصحيح للصندوق الصحيح
obj.removeEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
obj.removeEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
لإختبار ما اذا كانت الإجابات صحيحة
if (hits == max)
{
textField.text = "Well done you Made it";
music.play(0,1);
happyface_mc.visible = true;
}
}
else
{
obj.x = ori_x;
obj.y = ori_y;
textField.text = "Try again";
laugh.play();
}
}
المصدر للأمانة جى اف اكس اكاديمى (https://www.gfxacademy.net)
تقديم ا/وليد المعداوى
كورس كامل عمل برنامج تعليمى بالفلاش والأكشن سكربت 3.0 (https://arabhardware.net/forum/showthread.php?t=309219)
الحمد لله والصلاة والسلام على رسول الله (ص) .. بعد عناء حصلت على هذا الكورس المميز بعد البحث الكثير فى المصادر العربية عن مصدر قوى للفلاش والأكشن سكربت (https://arabhardware.net/forum/showthread.php?t=309219) وها هو الكورس المميز قلت لازم اخواتى يشوفوه معايا ويستفيدوا لأنه فعلا مميز
اتمنى تكون اول مشاركاتى مفيدة للمهتمين بالفلاش (https://arabhardware.net/forum/showthread.php?t=309219)
كورس (https://arabhardware.net/forum/showthread.php?t=309219) إنشاء برنامج (https://arabhardware.net/forum/showthread.php?t=309219) تعليمى (https://arabhardware.net/forum/showthread.php?t=309219)من الصفر لفريق دفاع عن النفس لصغار السن عن طريق مشاهدة فيديو ثم الإجابة على اسئلة مع تصحيح الأخطاء
هدف الكورس : عمل برنامج تفاعلى بين المستخدم والمناهج الدراسية .
الفئة المستهدفة : التلاميذ - الطلاب - المعلمين - المهتمين بتعلم برنامج الفلاش (https://arabhardware.net/forum/showthread.php?t=309219)- المبرمجين .
مستوى الكورس : متوسط للجدد فى مجال الإنتر أكتف ميديا .
محتويات الكورس :
- فيديو .
- صور .
- صوت .
- أنيميشن .
- أكشن سكربت 3.0
- العمل سيكون على برنامج الفلاش CS5.5 ، برنامج أدوبى ميديا أنكودر ، برنامج MP4 Cutter
تحليل المشروع :
- سيتم عمل المشروع عبارة عن 3 سلايدات مربوطين بالأكشن سكربت 3.0
- سيكون طريقة العرض كالتالى :
1- المشاهد يرى الفيديو ثم يظهر له سؤال ويتم الإجابة عليه وتصحيح الإخطاء .
2- سيتم ربط الإجابات بعوامل بصرية مثل ظهور وجه فرح أو حزين مع الإجابة الصحيحة والخاطئة على التوالى .
3- سيتم إضافة أيقونة للمساعدة بها صوت وأنيميشن .
4- سيتم استخدام أدوات الرسم والأنيميشن بطريقة ال frame by frame .
4- أول وثانى سلايد تكونان فيديو والسؤال عليه ( مستوى متوسط ) ، أما السلايد الثالثة ستكون عبارة على سحب و افلات الجابات الصحيحة والخاطئة ( مستوى متقدم ) .
5- سيتم عمل أكواد خاصة بقراءة ملفات صوت خارج ملفات الفلاش وتشغيلها عند أمر معين ( مستوى متقدم ).
- الفيديو جاهز الذى سيتم عمل الكورس عليه .
- الأصوات جاهزة وهى بصوت ترجمة جوجل كمثال للأصوات .
- الصور من على محركات البحث .
الكورس فريد عربيا وياريت فقط النشر على المواقع الإجتماعية والمنتديات الأخرى لتعم الفائدة وادال على الخير كفاعله
تحميل الملفات المستخدمة فى كورس الأنترأكتف ميديا
لمشاهدة نتيجة العمل من هنا (https://www.mediafire.com/?j0nc8u2m2yekioa)
مقــدمـــة
https://blip.tv/play/h5NGgtvoBwI.html?p=1
المرحــــلة الأولـــى
المحاضرة الأولى
https://blip.tv/play/h5NGgtufQAI.html?p=1
المحاضرة الثانية
https://blip.tv/play/h5NGgtuiegI.html?p=1
المحاضرة الثالثة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtuwdAI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtuuYQI.html?p=1
الجـــــــزء الثالث
https://blip.tv/play/h5NGgtusKAI.html?p=1
المحاضـــرة الرابعة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtu7JAI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtu%2BTwI.html?p=1
المحاضـــرة الخامسة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvQNAI.html?p=1
الكود المستخدم فى الفيديو الأول
Welldone_mc.visible = false;
Tryagain_mc.visible = false;
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtvSUwI.html?p=1
الكود المستخدم فى الفيديو الثانى
Lion_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
{
Welldone_mc.visible = false;
Tryagain_mc.visible = true;
}
//----------------------------
Wolf_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_2);
function fl_MouseClickHandler_2(event:MouseEvent):void
{
Welldone_mc.visible = false;
Tryagain_mc.visible = true;
}
//----------------------------
Tiger_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_3);
function fl_MouseClickHandler_3(event:MouseEvent):void
{
Welldone_mc.visible = true;
Tryagain_mc.visible = false;
}
//----------------------------
Lion_btn.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_2);
function fl_MouseOutHandler_2(event:MouseEvent):void
{
Tryagain_mc.visible = false;
}
//----------------------------
Wolf_btn.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);
function fl_MouseOutHandler_3(event:MouseEvent):void
{
Tryagain_mc.visible = false;
}
//----------------------------
المحاضـــرة السادسة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvbMwI.html?p=1
الجـــــــزء الثانى
https://blip.tv/play/h5NGgtvcPAI.html?p=1
الجـــــــزء الثالث
https://blip.tv/play/h5NGgtveIgI.html?p=1
المرحــــلة الثــــــانية
المحاضـــرة السابعة
https://blip.tv/play/h5NGgtvfWwI.html?p=1
المحاضـــرة الثامنة
الجـــــــزء الأول
https://blip.tv/play/h5NGgtvpXwI.html?p=1
الجـــــــزء الثانى
الأكواد المستخدمه فى السلايد الثالث
أول شىء كود لعمل فولدر برمجى
var dict = new Dictionary ();
كود تفعيل كل كلمة من الكلمات الأربعة على الصندوق الصحيح لها
dict[box_c] = the;
dict[box_d] = Tiger;
dict[box_b] = won;
dict[box_a] = man;
أكواد قراءة ملفات الصوت من خارج ملف العمل وهى فى نفس فولدر السلايد الثانى والثالث
كود قراءة صوت Welldone عند الإجابة الصحيح
var request:URLRequest = new URLRequest("SWF/Welldone.mp3");
var applause:Sound = new Sound();
applause.load(request);
كود قراءة صوت منفصل عند نهاية الإجابات الصحيحة
var request2:URLRequest = new URLRequest("SWF/music.mp3");
var music:Sound = new Sound();
music.load(request2);
كود قراءة صوت Tryagain عند الإجابة الخاطئة
var request3:URLRequest = new URLRequest("SWF/Tryagain.mp3");
var laugh:Sound = new Sound();
laugh.load(request3);
كود السحب للإجابات الصحيحة
var hits = 0; لحساب الإجابات الصحيحة
var max = 0; لحساب حجم او مساحة الفولدر البرمجى
var ori_x;
var ori_y;
سنضع الأن الأحداث لكل من الأربع عناصر داخل الفولدر البرمجى و سيتكرر تلقائيا داخل القيم وليست داخل الفريمات
for each (var item in dict)
{
item.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
item.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
max = max + 1;
item.buttonMode = true;
}
كود احداث الماوس فى الحالة المسك بالعناصر عند السحب
function mouseDownHandler(evt:MouseEvent):void {
var object = evt.target;
ori_x = object.x
ori_y = object.y
object.useHandCursor = true;
object.startDrag();
}
function mouseUpHandler(evt:MouseEvent):void {
توقيف جميع الأصوات
SoundMixer.stopAll();
var obj = evt.target;
ال obj هنا لتعطى هى العنصر وهذا يعد مسار للعنصر إلى الصندوق
var target = obj.dropTarget;
لحساب علاقة الحركة بين العنصر والصندوق
if (target != null)
{
test_match(target, obj);
}
obj.stopDrag();
}
function test_match(target,obj) {
لعمل اختبار ان كان العنصر ملامس للصندوق أم لا
if (dict[target] == obj)
{
لحساب الملامسه للعناصر والصناديق
hits = hits+1;
textField.text = "True";
applause.play();
لجعل العناصر اقل وضوحا عند دخولها إلى الصندوق الصحيح
obj.alpha = 0.5;
لتوقيف حركة الماوس بعد دخول العنصر الصحيح للصندوق الصحيح
obj.removeEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
obj.removeEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
لإختبار ما اذا كانت الإجابات صحيحة
if (hits == max)
{
textField.text = "Well done you Made it";
music.play(0,1);
happyface_mc.visible = true;
}
}
else
{
obj.x = ori_x;
obj.y = ori_y;
textField.text = "Try again";
laugh.play();
}
}
المصدر للأمانة جى اف اكس اكاديمى (https://www.gfxacademy.net)
تقديم ا/وليد المعداوى