المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : توصيل العناصر بخطوط في فلاش


azizsoft
25-03-2014, 07:50 PM
http://www.abc4web.net/upload/images2/7ttwvwqjnkozmy1.png
http://www.abc4web.net/upload/images2/wcofafsmm21ires.png


الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته




في هذا الدرس نتعلم ان شاء كيفية توصيل العناصر بخطوط ويمكن استغلال الموضوع في انجاز موارد تعليمية للاطفال بالتوصيل
اذن الفكرة هي كما سبق أن شرحنا في هذا الدرس لكيفية الرسم في فلاش
http://www.abc4web.net/vb/showthread.php?t=29148


لكن هنا سندخل بعض التغييرات باستغلال النقاط Point في البرنامج اذن افتح أخي الكريم برنامج الفلارش وتابع معي للتطبيق

اضف طبقة فوق الطبقة الافتراضية وخصصها للاكشن
الان حدد الطبقة الاولى وارسم دائرة صغيرة وحولها الى موفي كليب

الان افتح المكتبة واسحب ثلات 3 نسخ من الموفي كليب المذكور ورتبهم من اليسار فوق بعضهم اعطهم اسماء c1 c2 c3
بعد ذلك افتح المكتبة واسحب ثلات 3 نسخ اخرى من الموفي كليب المذكور ورتبهم من اليمين فوق بعضهم واعطهم اسماء c4 c5 c6
اضف حقل نصي واجعله Dynamic واعطه اسم d1

الان حدد طبقة الاكشن وافتح نافذة الاكشن لنبداء في صياغة الأكواد

الخطوة الأولى

سنستدعي كلاسين وفي العادة برنامج فلاش يضيفهما آليا المهم قم بالنسخ واللصق


import flash.geom.*;
import flash.display.Shape;


سنقوم بعد ذلك بتعريف نقطتي بداية ونهائية وعنصر شايب للرسم داخله كما سبق أن ذكرنا في الموضوع المذكور



var pt1:Point = new Point();
var pt2:Point = new Point();
var sh:Shape;



الخطوة الثانية

طبعا الان يجب أن نضيف حدث استماع في حالة ضغط المستخدم على زر الماوس نخزن فيها احداثيات الماوس
ونضيف عنصر الشايب الذي أعلنا عنه سابقا كما نستدعي حدث وجوبي وهو حدث تحريك الماوس وسيكون الجزء الثاني من
الكود كالاتي :


stage.addEventListener(MouseEvent.MOUSE_DOWN,down) ;
function down(e:MouseEvent):void // دالة بداية النقطة
{
sh = new Shape();
addChild(sh);
pt1.x = mouseX;
pt1.y = mouseY;
stage.addEventListener(MouseEvent.MOUSE_MOVE,drawl ine);
}


الخطوة الثالة

في وظيفية تحريك الماوس سندرج أوامر للرسم طبعا لكن سيكون الرسم عبارة عن خط مستقيم من نقطة الى نقطة حسب
احداث الماوس وهنا لك الحرية في تغيير لون الخط وحجمه


function drawline(e:MouseEvent):void //دالة رسم الخط


{
sh.graphics.clear();// تنظيف الرسومات
sh.graphics.lineStyle(4,0xff0000);// نوع الخط
sh.graphics.moveTo(pt1.x,pt1.y);// نقطة البداية
pt2.x = mouseX;// احداثيات الماوس
pt2.y = mouseY;
sh.graphics.lineTo(pt2.x,pt2.y);// نقطة النهاية
}



الخطوة الرابعة

هنا يجب أن أن نضيف حدث الاستماع لتنفيذ أوامر معينة في حالة رفع المستخدم اصبعه على زر الماوس
لآنه بدون اضافة هذا الحدث لن يتمكن المستخدم من افلات السطر الا في حالة غلق الملف الفلاشي وبالتالي سيكون الكود أسفله


stage.addEventListener(MouseEvent.MOUSE_UP,up);
function up(e:MouseEvent):void // دالة نهاية النقطة
{
stage.removeEventListener(MouseEvent.MOUSE_MOVE,dr awline);
if (c1.hitTestPoint(pt1.x,pt1.y)&& c4.hitTestPoint(pt2.x,pt2.y) )
{

d1.text = "أحسنت الاجابة صحيحة";
// هنا يمكن أن تضيف أي أوامر اخرى//
}
else if (c2.hitTestPoint(pt1.x,pt1.y)&& c5.hitTestPoint(pt2.x,pt2.y) )
{
d1.text = "أحسنت";
// هنا يمكن أن تضيف أي أوامر اخرى//
}

else if(c3.hitTestPoint(pt1.x,pt1.y)&& c6.hitTestPoint(pt2.x,pt2.y) )
{
d1.text = "رائع" ;
// هنا يمكن أن تضيف أي أوامر اخرى//
}

else
{
d1.text = "حاول مرة ثانية";
sh.graphics.clear();
// هنا يمكن أن تضيف أي أوامر اخرى//
}


}




لاحظ هنا أخي الكريم أنه داخل الوظيفة اشتطرتنا أنه في حالة تصادم الموفي c1 بالماوس = نقطة البداية = مع تصادم الموفي c3 بالماوس = نقطة النهاية =
أن ينفذ الأمر التالي : d1.text = "أحسنت الاجابة صحيحة"; ويمكن هنا ان تنفذ اي اوامر اخرى


طبعا اخي الكريم يمكن ان تضيف صور معبرة لفرضيات التوصيل امام النقاط المذكورة وتقوم باخرج برنامج تعليمي للصغار
من خلال هذا الدرس .



تطبيق على الشرح


http://im87.gulfup.com/0fX7uw.swf

الملف المفتوح في المرفقات






لاتنسونا من صالح الدعـــــــــــــــاء

بالتوفيق للجميع



http://www.abc4web.net/upload/images2/wcofafsmm21ires.png

خادم المسلمين
25-03-2014, 08:12 PM
مشكور جدا اخى عزيز


عند معاينة الملف المرفق
تبدت هذه الملاحظة
عند الضغط على اى مكان ف الاستييج
تلاحظ ظهور الخط
مما سيشكل تشويها لشكل الفلاش
مفروض السحب بيكون فقط على الازرار المحدد استخدامها


http://im49.gulfup.com/mmHw7t.png (http://www.gulfup.com/?Yerq4R)

azizsoft
25-03-2014, 08:39 PM
بسم الله الرحمن الرحيم

بارك الله فيكم
عند الضغط في أي مكان من المسرح بما لايتطابق مع الجمل الشرطية
يحذف الخط آليا طبقا للامر وطبقا للصورة أنت أبقيت الماوس بحالة ضغط وعملت برنت سكرين

sh.graphics.clear();

ثامر أبو بلقيس
26-03-2014, 11:31 AM
بارك الله فيك أستاذ عزيز

موفق :abc_138:

أبو يوسف
26-03-2014, 01:56 PM
جزاك الله خيرا اخانا عزيز :abc_152: وبارك الله فيك :abc_022:

أبو فارس
26-03-2014, 02:47 PM
بوركت جهودك المتميزة .

موفق بإذن الله ... لك مني أجمل تحية . :abc_152:

كريم جودي
28-03-2014, 12:16 AM
بارك الله فيك أخي عزيز على هذا التوضيح ,شكرا لك على ماتبذله من جهد

ودالثورة
31-03-2014, 06:35 AM
السلام عليكم ورحمة الله وبركاته
وعليكم السلام ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الوديع
03-04-2014, 11:58 AM
مشكووووووور

أميرة الكرستال
06-04-2014, 11:03 PM
مشكوووووووووور

أبو صخر
07-04-2014, 01:20 PM
أحسنت ووفقك الله :abc_152:

الحارث بن فيصل
08-04-2014, 10:06 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

abohmam
09-04-2014, 11:38 PM
جزاك الله خيرا أخى عزيز

بارك الله فيك وفى جهودك الدائمة

دروس رائعة ماشاء الله

سالارشوانى
25-05-2014, 05:20 PM
موفق بإذن الله ... لك مني أجمل تحية .

اسلام محمد محمد
02-08-2014, 10:23 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

المصمم
27-08-2014, 09:13 PM
شـكــ وبارك الله فيك ـــرا لك

لك مني أجمل تحية .

احمد سعد احمد
13-09-2014, 07:57 AM
بارك الله فيكم

وفاء نجاح
10-11-2014, 07:17 PM
:abc_152: رائع

جمال صابر
21-08-2015, 10:52 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

اميجو
30-09-2015, 03:05 PM
مشكوووووووور

الهمام
03-10-2015, 01:11 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو حنين رضا
17-10-2015, 09:08 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ساندى كريم
17-10-2015, 08:44 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

لبيب محمد لبيب
08-11-2015, 05:12 PM
مشكورا اخي على هذا العمل الرائع

اناكوندا
08-01-2016, 02:43 AM
تسلم يا برنس

سفيفا
10-01-2016, 01:49 PM
:abc_114::abc_026:

الموسوعة للمعلوماتية
15-02-2016, 10:47 AM
نفع الله بكم

الموسوعة للمعلوماتية
15-02-2016, 11:03 AM
جزاك الله خيرا
اقتراح ....بارك الله بك

لو أردنا ان نصنع لعبة للأطفال بهذا النمط وكان الوصل بين العناصر غير عشوائي لعلم الطفل أن هذا العنصر يجب أن يوصل مع العنصر الآخر

ولكن لو أن في كل مرة يدخل إلى اللعبة يتم ترتيب العناصر بشكل مختلف
سيكون أفضل من أن يكون ترتيب العناصر هو نفسه في كل مرة سيدخل اللعبة فيها
و
لحاول جاهدا أن يعرف ماهي الإجابة الصحيحة وسيقوم بتشغيل ذهنه

أرجو إن أمكن أن تفيدنا في هذا الموضوع

نفع الله بكم

عزيز عبدو
07-05-2016, 07:31 PM
merci khoya aziz

mastof
07-05-2016, 08:05 PM
حفظكم الله وبارك فيكم

اشرف السيد يوسف
16-07-2016, 01:04 AM
الف الف الف شكر

الموسوعة للمعلوماتية
24-08-2016, 08:18 PM
نفع الله بكم وجزاكم الله خيرا

فكرفكر
29-08-2016, 01:48 AM
السلام عليكم ورحمة الله وبركاته

كوكب الخليج
08-09-2016, 11:16 AM
جزيتم خيرا

امرغاد
08-09-2016, 03:15 PM
السلام عليكم ورحمة الله وبركاته

ادبها
22-03-2018, 11:24 PM
شكرا لك أخي الكريم

يوسف البراهيم
23-04-2018, 05:11 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

عبد الهادي بهاب
29-10-2018, 03:10 PM
السلام عليكم ورحمة الله وبركاته

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

متابع معكم الدروس

عبد الهادي بهاب
04-11-2018, 11:25 PM
[
بالتوفيق للجميع
[/SIZE] [/COLOR]


http://www.abc4web.net/upload/images2/wcofafsmm21ires.png


السلام عليكم ورحمة الله وبركاته

شكرا على الدرس و على المثال المرفق
سيدي الكريم لقد احببت ان انطلق من المثال المطروح
و نجحت في طرح تمرين
لكن المشكلة انه لما اردت ادخال عد تمارين و احتمالات
بحيث اغير ماكن النقط ليتغير التمرين لم انجح
هل من نصيحة

التعديل :

https://up.top4top.net/downloadf-1038j08gx1-rar.html

كيف اجعل التمرين يعود من جديد بعد فترة ؟

azizsoft
05-11-2018, 01:23 PM
السلام عليكم ورحمة الله وبركاته

شكرا على الدرس و على المثال المرفق
سيدي الكريم لقد احببت ان انطلق من المثال المطروح
و نجحت في طرح تمرين
لكن المشكلة انه لما اردت ادخال عد تمارين و احتمالات
بحيث اغير ماكن النقط ليتغير التمرين لم انجح
هل من نصيحة

التعديل :

https://up.top4top.net/downloadf-1038j08gx1-rar.html

كيف اجعل التمرين يعود من جديد بعد فترة ؟



جميل
التقدم في المشروع باعداد مستويات يكون اما عبرالتنقل لفريمات معينة أو مشاهد ان شئت
وايضا عن طريق البرمجة يعني عدة طرق نوفر مثال ان شاء الله :abc_022:

عبد الهادي بهاب
05-11-2018, 01:41 PM
جميل
التقدم في المشروع باعداد مستويات يكون اما عبرالتنقل لفريمات معينة أو مشاهد ان شئت
وايضا عن طريق البرمجة يعني عدة طرق نوفر مثال ان شاء الله :abc_022:

جميل ....حاولت في قضية الفريمات لكن ور التشغيل يهر الكل و اتخلبط الكل ....عجينة

azizsoft
06-11-2018, 12:31 AM
جميل ....حاولت في قضية الفريمات لكن ور التشغيل يهر الكل و اتخلبط الكل ....عجينة

هههههههههه
باهية هذه عجينة
شوف اذا فيه فريمات أو مشاهذ لازم دائما يكون الامر
stop();
في أول فريم نافذة الاكشن أول الصحفة .
وطبعا لازم يكون أمر الانتقال الى الفريم الثاني اما بوقت أو بزر والكود الخاص به

عبد الهادي بهاب
07-11-2018, 10:05 AM
هههههههههه
باهية هذه عجينة
شوف اذا فيه فريمات أو مشاهذ لازم دائما يكون الامر
stop();
في أول فريم نافذة الاكشن أول الصحفة .
وطبعا لازم يكون أمر الانتقال الى الفريم الثاني اما بوقت أو بزر والكود الخاص به

اه ......... يعني كما فهمت لما تشغل الفلاش الفرميات تشتغل تباعا .... يعني اذا وضعت stop في اول فريم يتوقف تشغيل الفلاش في الفريم الاول .......جميل جدا
نحاول .........شكرا سيدي

azizsoft
07-11-2018, 02:50 PM
اه ......... يعني كما فهمت لما تشغل الفلاش الفرميات تشتغل تباعا .... يعني اذا وضعت stop في اول فريم يتوقف تشغيل الفلاش في الفريم الاول .......جميل جدا
نحاول .........شكرا سيدي

بالضبط يا أستاذ
المشروع يكون اما
1- كل العناصر في فريم واحد
2 - فريمات = امر ايقاف
3= مشاهد = امر ايقاف

خادم المسلمين
05-04-2019, 08:53 PM
:abc_022::abc_022:

امجدمحمد
06-04-2019, 07:49 AM
موفق بإذن الله ... لك مني أجمل تحية .

محـمد
22-07-2019, 12:02 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

خادم المسلمين
20-11-2019, 01:14 PM
:abc_022::abc_022:

خادم المسلمين
08-02-2020, 08:04 AM
:abc_022::abc_022:

حسين جهاد
21-05-2020, 09:15 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . جزاك الله الف خير :abc_139::abc_152:

محمد جابر
31-05-2020, 07:58 PM
مشكوووووووور:abc_022: