بكسل - Powered by vBulletin


افاتار الكاتب
الصورة الرمزية mr graphics
mr graphics
مؤسس موقع بكسل (رحمه الله)
الدولة : -
الإهتمامات : -
الوظيفة : -
صورة الدرس الرمزية
معلومات الدرس
درس SHOW & HIDE على الصور بتأثير جميل
درس 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