Creare un Quiz in Flash

Oggi vedremo come creare un quiz con il componente radioButton di Flash.

Le nostre domande si svlogeranno tutte su determinati frame, in queso esempio ci saranno 4 domande, quindi 4 frame + 1, per avere un risultato con il conteggio di domande giuste e domande sbagliate.

Se non inseriremo una risposta verrà visualizzato un messaggio e non sarà possibile procedere oltre.

Per iniziare inseriamo sullo stage le risposte, tramite il componente radioButton, in questo caso per semplicità potremo rispondere solo SI o NO.

Inizializziamo le variabili giuste e sbaglaite a zero

_root.giuste = 0;
_root.sbagliate = 0;

Impostiamo il nome istanza, delle option, rispettivamente si e no, e cosa molto importante assegnamo il groupName uguale per tutte e due le prime option. Serve a indicare che le dimande appartengono allo stesso gruppo.

 

Sul pulsante andiamo a verificare se è stata inserita una risposta, e a seconda della domanda incrementeremo le risposte giuste o quelle sbagliate:

on (release) {
if ((si.value == false) && (no.value == false)) {
// se non ce nessuna risp
errore.play();
//errore
} else {
if (si.value) {
// se è SI
_root.sbagliate = _root.sbagliate+1;
// incremento le risposte sbagliaate
play();
// vado avanti
} else {
_root.giuste = _root.giuste+1;
// incremento le risposte giuste
play();
// vado avanti
}
}
}

A questo punto per realizzare altre domande, ci basterà copiare i medesimi radioButton, attenzione cambiando il groupName, che in questo caso diventerà radioGroup2 e cosi via.

Per quanto riguarda la pagina dei risultati, dovremo inserire due campi di testo dinamici, in questo caso di nome istanza giuste_txt e sbagliate_txt e inserire il seguente codice:

_root.giuste_txt.text = _root.giuste;
// scrivo nel campo il tot giuste
_root.sbagliate_txt.text = _root.sbagliate;
// scrivo nel campo il tot sbagliate

NB: In caso le vostre risposte fossero più di una, dovrete sempre eseguire una verifica sul value delle stesse, ovvero del loro valore. Se è true, vuol dire che è stata premuta, altrimenti sarà false.

Fonte e sorgenti: http://juliusdesign.wordpress.com

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

Dynamic Gallery con miniature scorrevoli

 

Ecco un’altra Galleria dinamica con miniature in Flash implementata dal sottoscritto

Con questa Galleria dinamica avremo a disposizione una barra con le relative miniature generate in automatico con un resize e le immagini verranno centrate nello stage.

Andiamo ad analizzare il file dati.xml:

<thumb displayNum=”6″ separation=”5″>
<image>images/foto1.jpg</image>
<description>Paesaggio Futuristico</description>
</thumb>

Cliccando sulla foto renderemo visibile o invisibile la barra con le miniature.

Ovviamente la galleria di immagini può essere ridimensionata e personalizzata a piacere, dando a voi nessun limite di creatività.

Sito web: http://juliusdesign.wordpress.com/2007/07/16/dynamic-gallery-con-miniature-scorrevoli/ 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

away3d 3d engine per flash

 

Sito web: http://away3d.com/category/demos

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

Php e flashvars

In questo tutorial vedremo come leggere i valori passati dal parametro flashVars in actionScript. Supponiamo ad esempio di voler leggere il valore delle variabili

var1=bar&var2=foo

Nel codice html che mostra il filmato flash andiamo a mettere:

<params name="flashvars" value="var1=’foo’&var2=’bar’" />

Nel primo frame del nostro movieclip, possiamo leggere il valori come semplici variabili. Ad esempio:

trace(var1); //mostra "foo"
trace(var2); //mostra "bar"

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

Effetto tooltip con flash

In questo tutorial vedremo come realizzare l’effetto tooltip con flash. Il tooltip è un movieclip a forma di fumetto che si muove in modo dinamico quando si passa con il mouse sopra un altro movieclip.

Come prima cosa,creiamo un movieclip di nome "tooltip" in cui disegnamo un oggetto a forma di fumetto e inseriamo un testo dinamico chiamato "tiptext".

 

Fatto ciò passiamo allo stage e trasciniamo nello stage il movieclip appena creato e gli assegniamo come nome d’istanza "tooltip".

Nel primo stage mettiamo come codice actionscript:

tooltip._visible = false;
var tipInt;
processTip();
function processTip(){
            b1.onRollOver = function() {
                tipInt = setInterval(showTip,100,"This is item01");
            }           
            b1.onRollOut = function() {
                hideTip();
            }           
            b2.onRollOver = function() {
                tipInt = setInterval(showTip,100,"This is item02");
            }           
            b2.onRollOut = function() {
                hideTip();
            }          
}
var count = 0;
function showTip(tiptext){
    if (count == 3){
        clearInterval(tipInt);
        count = 0;
        tooltip.tiptext.text = tiptext;
        tooltip._x = _root._xmouse;
        tooltip._y = _root._ymouse;
        tooltip._visible = true;
        _root.onMouseMove = function(){
            tooltip._x = _root._xmouse;
            tooltip._y = _root._ymouse;
            updateAfterEvent();
        }
    }else{
        count++;
    }
}
function hideTip(){
    clearInterval(tipInt);
    tooltip._visible = false;
    delete _root.onMouseMove;
}

Il codice che a noi interessa è:

b1.onRollOver = function() {
        tipInt = setInterval(showTip,100,"Testo da mostrare");
}           
b1.onRollOut = function() {
         hideTip();
}

Dove "b1" è il nome del movieclip dove dobbiamo mostrare il tooltip

Scarica il sorgente qui 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

Load ed unload movie con flash

La funzione loadMovieNum, carica nel filmato corrente, un altro filmato flash, ad esempio:

loadMovieNum ("contatti.swf", 2);

carica il filmato contatti.swf al livello 2. Per togliere il filmato occorre usare la funzione unloadMovieNum.

unloadMovieNum (2);

Toglie il filmato caricato sopra

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati

← Previous PageNext Page →


Commenti recenti:


Ultimi dal forum

Selezionando contrassegno si aggiungono spese al totale
Ho inserito postepay come pagamento
Inserire metakeywords
Problemi di installazione
Scaricare correttore ortografico italiano
Vari problemi
Installazione su server remoto
Installazione
Problema aggiornamento quantità prodotti carrello
Info
Bug utente + suggerimento formattazione
Problema cancellazione dalla mailing list
Problemi login
Problemi di visualizzazione nella home page
Fireworks appiattisce livelli quando salvo in png