Flash CS3 - Flash CS4

Free tutorials and scripts for all.
Actionscript 3.0

Pulsante di Scroll con effetto "ease"

This is a discussion on Pulsante di Scroll con effetto "ease" within the Actionscript 3.0 base forums, part of the Flash CS3 generale category; Ciao a tutti. Ho un menu a scroll di immagini, azionato da due frecce (UP e DOWN), funziona bene, ma ...


Go Back   Forum Flash CS3 Flash CS4 > Flash CS3 e Actionscript 3.0 > Flash CS3 generale > Actionscript 3.0 base

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
  2 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 01-06-08, 21:57
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Pulsante di Scroll con effetto "ease"

Ciao a tutti.
Ho un menu a scroll di immagini, azionato da due frecce (UP e DOWN), funziona bene, ma vorrei renderlo più raffinato con un effetto di "ease in" e "ease out" all roll_over e roll_out del mouse. Qualcuno sa come fare?

il menu potete vederlo da qui:

chaos08_video


e questo è il codice usato:

Code:
btnUp.addEventListener(MouseEvent.MOUSE_OVER, BUTUP);
btnUp.addEventListener(MouseEvent.MOUSE_OUT, stopBUTUP);
btnDown.addEventListener(MouseEvent.MOUSE_OVER, BUTDOWN);
btnDown.addEventListener(MouseEvent.MOUSE_OUT, stopBUTDOWN);
btnUp.addEventListener(Event.ENTER_FRAME, BUTUP);
btnDown.addEventListener(Event.ENTER_FRAME, BUTDOWN);

contentMain.addEventListener(Event.ENTER_FRAME, skrolldown);
contentMain.addEventListener(Event.ENTER_FRAME, skrollup);

var scrolldown:Boolean=false;
var scrollup:Boolean=false;

import flash.events.Event;

    var scrollHeight:Number = 460;
    var contentHeight:Number = contentMain.height;
    var maskHeight:Number = maskedView.height;
    var initContentPos:Number = contentMain.y;
    var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
    var speed:Number = 5;

    
    function BUTUP(event:MouseEvent):void
    {
        scrollup=true;
    }
        
    function stopBUTUP(event:MouseEvent):void
    {
        scrollup=false;
    }
    
    function skrollup (evt:Event):void
        {
            if(scrollup)
            {
                if (contentMain.y+speed<maskedView.y) {
                    btnDown.visible = true;
                    contentMain.y += speed;}
                else {
                btnUp.visible = false;
                contentMain.y = maskedView.y;}
            }
        }

    function BUTDOWN(event:MouseEvent):void
    {
        scrolldown=true;
    }
    
    function stopBUTDOWN(event:MouseEvent):void
    {
        scrolldown=false;
    }
        
    function skrolldown (evt:Event):void
        {
            if(scrolldown)
            {
                if (contentMain.y-speed>finalContentPos) {
                    btnUp.visible = true;
                    contentMain.y -= speed;}
                else {
                    btnDown.visible = false;
                    contentMain.y = finalContentPos;}
            }
        }
            
    
    
if (contentMain.y==0) {
        btnUp.visible = false;
    }
Help! Help!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #2 (permalink)  
Old 03-06-08, 12:04
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Nessuno sa aiutarmi?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #3 (permalink)  
Old 04-06-08, 08:08
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,434
Rep Power: 6
Flep is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Ciao

Personalmente userei la Tweener caurina.
Trovi un esempio quì:

Tweener caurina di Zeh Fernando - tutorial 1
__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #4 (permalink)  
Old 04-06-08, 12:02
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Ci ho provato con la caurina, ma non riesco a gestirla bene... nel senso che quando clicco (o vado in rollover) me la fa partire fino alla fine, e non riesco a stopparla con un ease nel momento in cui o non premo più o vado in rollout...

suggerimenti?

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #5 (permalink)  
Old 04-06-08, 15:48
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,434
Rep Power: 6
Flep is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Il fatto è che muovendo lo scroller in base al MOUSE_OVER, non hai un parametro variabile. Cioè ad esempio non muovi lo scroller in base alla y del mouse. Quindi ti ritrovi col mouse fermo e non hai valori variabili a cui associare ad esempio una inerzia o una accelerazione.

Potresti aggiungere una lieve inerzia al MOUSE_OVER e al MOUSE_OUT ma diventa quasi impercettibile, forse sul MOUSE_OUT si vedrebbe di più.

Se alleghi il FLA faccio delle prove.
__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Flash Multi Gallery
  #6 (permalink)  
Old 04-06-08, 16:04
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Grazie mille della disponibilità...
Puoi scaricare il .fla da questo link:

http://www.chaosmonger.com/chaos08_videoTEST.zip


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #7 (permalink)  
Old 04-06-08, 16:42
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,434
Rep Power: 6
Flep is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Una cosa del genere.

Prova a modificare i tempi dei caurina ( adesso sono a 0.5 ).
Attached Files
File Type: zip chaos08_videoTEST.zip (349.5 KB, 13 views)

__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #8 (permalink)  
Old 04-06-08, 16:48
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

mmmm in realtà non è quello che avevo esattamente in testa io...
tra l'altro se arrivo in cima o in basso il tweener continua nel vuoto!

Cercavo qualcosa simile a questo sito

Animal Logic

Prova a cliccare le freccette in basso a destra per scorrere le immagini della sezione COMMERCIALS.

Lì c'è sia un'accelerazione in base a quanto tengo premuto, sia nel momento in cui stacco un progressivo rallentamento fino a fermarsi. Invece nella tua prova nel momento in cui stacco c'è una tweener che prende un'accelerazione e poi si ferma dopo Y pixel...

Il fatto è che non c'è una barra di scorrimento, ma solo i due tasti, però volendo forse una soluzione potrebbe essere quella di creare un MC invisibile che scorre in una linea invisibile lunga come tutto il campo Y dove sono contenute le icone, e di volta in volta comunica la propria posizione ai due pulsanti... boh!!!

Tu che dici?

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #9 (permalink)  
Old 04-06-08, 16:51
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,434
Rep Power: 6
Flep is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

Riposta il link perchè non funziona
__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #10 (permalink)  
Old 04-06-08, 16:57
Junior Member
 
Join Date: Apr 2008
Posts: 25
Rep Power: 0
chaosmonger is on a distinguished road
Re: Pulsante di Scroll con effetto "ease"

lo metto come testo:

www.animallogic.com/#Our%20Work,Commercials

ora dovrebbe andare...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
Actionscript 3 Problema "dinamico":in locale funziona, sul sito no - forse è "fl.transition"? Dexter Actionscript 3.0 base 1 19-09-08 09:24
Actionscript 3 Problema con "evento:MouseEvent" e "evento.target.name" Baro Actionscript 3.0 base 2 02-08-08 20:21
Flash 8 Effetto "luccichio" ricman Flash CS3 Design 5 29-07-08 13:01
Flash CS3 link sotto una finestra "popup" (swf esterno) funzionanti? come mai??? leopardone Flash CS3 generale 1 01-07-08 13:36
Effetto "universo" Vampyro Actionscript 3.0 base 0 17-02-08 19:34


All times are GMT. The time now is 08:17.


Powered by vBulletin versione 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC4
Forum SiteMap


FlepStudio
by Filippo Lughi
P.IVA 03605860406