Come fare un giro la ruota in una pagina Web

March 27

Come fare un giro la ruota in una pagina Web


Si può fare un "gira la ruota" come parte di un divertente gioco che si crea in una pagina Web. I concorrenti possono prendere le girate la rotella di filatura e assegnati un premio o perdono il loro turno o andare in bancarotta, a seconda di dove atterra la ruota. La rotella di filatura la creazione comporta l'importazione di un'immagine della ruota premio in Adobe Fireworks, ruotandola per ogni spazio sulla ruota e importare le immagini ruotate in Adobe Flash per creare una pagina Web.

Istruzioni

Creare la ruota

1

Avviare Adobe Fireworks, selezionare "File--Importa" e selezionare un'immagine di una ruota di premio--ad esempio una "Ruota della fortuna" o la ruota della roulette.

2

Scegli "Nuovo--Layer" e digitare "Marker" per creare un livello per disegnare un indicatore che indica lo spazio attualmente selezionato sulla ruota. Il pannello "Strumenti", fare clic per evidenziare lo strumento "Linea". Tracciare una linea verticale dove dovrebbe andare il marcatore. Il pannello "Proprietà", aumentare la larghezza della linea per la vostra soddisfazione.

3

Fare clic su "File - Salva con nome" e digitare "1" per salvare questa ruota come il primo della serie.

Ruotare la ruota

4

Fare clic sulla freccia "Selezionare" pannello "Strumenti" e clicca sulla ruota per evidenziarlo.

5

Tenere premuto il pulsante destro del mouse e utilizzare il tasto sinistro del mouse per fare clic su "Trasformazione" e poi "inclinazione".

6

Spostare il mouse sull'area grigia di fuori della piazza con l'immagine della ruota. Si noti che il cursore si trasforma in una freccia circolare. Tenere premuto il pulsante sinistro del mouse e trascinare verso il basso e verso sinistra per ruotare la ruota in senso orario. Ruotare verso il punto dove lo spazio successivo sulla ruota si allinea con il marcatore verticale che è stato creato.

7

Selezionare "File - Salva con nome" e digitare "wheel2" per salvare questa ruota come il secondo della serie.

8

Ripetere questi passaggi per ogni posizione sulla ruota. Aumentare il numero della ruota ogni volta che si salva una nuova, ad esempio "wheel3", "wheel4" e così via.

Fare girare la ruota

9

Avviare Adobe Flash e creare un nuovo documento di Actionscript. Il pannello "Proprietà", è possibile modificare la dimensione del documento a uno che si adatta la ruota che è stato creato.

10

Fare clic sul fotogramma 1 nel pannello "Timeline". Dal menu, scegliere "File--Import--Import to Stage..." e selezionare la prima ruota che è stato salvato, ad esempio "wheel1.png."

11

Fare clic su "Sì" quando il sistema vi chiede con "questo file sembra essere una parte di una serie di immagini. Si desidera importare tutte le immagini nella sequenza?" Fare clic su "OK" per accettare le impostazioni predefinite nella finestra di "Opzioni". Il sistema sarà posto ogni immagine in una cornice del pannello "Timeline".

12

Fare clic su "Controllo--Test Movie--Test" dal menu per visualizzare la rotella di filatura.

Aggiungere Actionscript e pubblicare la pagina Web

13

Fare clic sul primo fotogramma chiave e immettere il codice Actionscript per controllare l'avvio e l'arresto della ruota. Ad esempio, quando qualcuno fa clic sul mouse, gira la ruota per circa un secondo e poi fermarlo su una posizione di scelto casualmente sulla ruota. La ruota nell'esempio ha questa ruota ha 24 posizioni.

var: Timer di ritardo = nuovo Timer(1000,1);

this.addEventListener (MouseEvent.MOUSE_UP, mouseUp);

delay.addEventListener (TimerEvent. timer, terra);

Function mouseUp(ev:MouseEvent):void () {

this.play();

delay.start();

}

Function land(e:TimerEvent):void () {

gotoAndStop(1 + Math.ceil(23 * Math.random()));

}

14

Scegliere "Controllo--Test--Test Movie" per controllare che la rotella di filatura funzioni correttamente.

15

Fare clic su "File--pubblica" per creare una pagina Web con la rotella di filatura. Fare clic su "File--pubblicare anteprima--HTML" per visualizzare in anteprima la pagina Web.

16

Fare clic su "Salva File--" e digitare un nome di file per salvare il vostro progetto di rotella di filatura.


Articoli Correlati