درس SHOW & HIDE على الصور بتأثير جميل
الاخفاء و الإظهار
::::::::::::::::::::::::::::::::::::
السلام عليكم ورحمة الله وبركاته
"""""""""""""""""""
بداية
1- نقوم برسم زرين مثال استخدمناه مربع بأسم SHOW و أخر بإسم HIDE
::::::::::::::::::::::::::
2- ندرج الصوره او الصور المراد التطبيق عليها
في منتصف العمل للاتقان فيه
ستكون بأسم Image
-----------------------------
الآن على نلصق الاكواد التاليه :
أ - على Scene_1 المشهـد الرئيسي نلصق له الاكشن التالي :
كود:
onLoad () {
//swishmax@cn.w
// set up for gsbTrace window ---------www.alflash.com----------
if(outgoing==undefined) _global.outgoing=new LocalConnection();
_global.gsbTrace=function(str) {
outgoing.send( "_4gsbTraceWin", "gsbTrace", str );
};
gsbTrace("gsbTrace... " add Timer.ticks() );
}
-------------------------------
ب - على زر Hide نضع الاكشن التالي :
كود:
onLoad () {
onRelease = function() {
_root.Image.rgbFade("Out");
};
}
----------------------------
جـ - على زر
Show نضع الاكشن التالي :
كود:
onLoad () {
onRelease = function() {
_root.Image.rgbFade("In");
};
}
----------------------------
د - الآن على الصوره المطلوب التأثير عليها (Image ) نضع لها الاكشن التالي :
كود:
onLoad () {
// initialization: Color and Transform objects
this.rgbColorObj = new Color(this);
this.rgbTransObj = this.rgbColorObj.getTransform();
// ...and set to "faded-out"
this.rgbTransObj.rb = this.rgbTransObj.gb = this.rgbTransObj.bb = 300;
this.rgbColorObj.setTransform(this.rgbTransObj);
// movieclip Prototype Usage: mc.rgbFade("in"); or mc.rgbFade("out");
MovieClip.prototype.rgbFade=function(type){
// single usage limiter - if user clicks button while in progress
if(this.rgbID)clearInterval(this.rgbIntervalID);
// setup based on type - In/Out
if(type.toLowerCase()=="in") {
// fade in value - 0, and function - easeCubicOut
this.rgbDelta=0-this.rgbTransObj.bb;
this.rgbFunc=function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b;};
} else {
// fade in value - 300, and function - easeCubicIn
this.rgbDelta=300-this.rgbTransObj.bb;
this.rgbFunc=function(t,b,c,d){return c*(t/=d)*t*t+b;};
}
// Done before we start?
if(this.rgbDelta!=0){
// ...finish loop initialization stuff
this.rgbStart=this.rgbTransObj.bb; // RGB initial value
this.rgbSteps=20; // max steps for tweening
this.rgbSpeed=25; // loop timing - milliseconds
this.rgbStep=0; // current step number
// loop every rgbSpeed milliseconds for rgbSteps
this.rgbIntervalID=setInterval(function(self) {
// for each step, calculate new GRB transform setting and assign
if(++self.rgbStep<=self.rgbSteps){
// Set new transfer values and assign
self.rgbTransObj.rb = self.rgbTransObj.gb = self.rgbTransObj.bb = self.rgbFunc(self.rgbStep,self.rgbStart,self.rgbDelta,self.rgbSteps);
self.rgbColorObj.setTransform(self.rgbTransObj);
// now update the screen
updateAfterEvent();
// Debug trace output
gsbTrace("> "+self.rgbStep+" "+self.rgbTransObj.bb); // Debug trace
} else {
// done so stop and delete the interval id
clearInterval(self.rgbIntervalID);
delete self.rgbIntervalID;
}
}, this.rgbSpeed, this); // end of setInterval statement
}
};
ASSetPropFlags(MovieClip.prototype, "rgbFade", 1); // hide the prototype
// NOTE: Easing Equations easeCubicOut/In (c) 2003 Robert Penner, all rights reserved.
}
--------------------------
الآن من لوحة المفاتيح اضغط
Ctrl + T لاستعراض عملك في متصفح اكسبلورر .
في الأخير دعواتكم .
:::::::::::::::::::::::::::::
مثال
>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<
تمنياتي لكم بالتوفيق و النجاح
الرحــــــــــال
شبكة ضوء الفلاش
==========================
http://www.alflash.com/vb/showthread.php?t=4542