Come progettare un Clothes Gioco Online

progettazione di un abito gioco on-line - un gioco in cui è possibile selezionare i vestiti di topo - e li mouse posto su un grafico umana - può essere un modo semplice e veloce per mostrare il vostro portafoglio fashion design . Un semplice gioco di moda i vestiti in linea può essere creato con il software Adobe Flash in un pochi passi . Disegna i tuoi vestiti , tagliati fuori , li scansione e quindi importare i vestiti di file grafici in Flash . Quindi attivare click e trascinare l'interattività utilizzando i comandi Flash . Fare clic e trascinare l'interattività vi permetterà di selezionare i vestiti e spostarli sulla figura con il mouse e il mouse buttons.Things Hai bisogno
Adobe Flash Professional
Scanner
carta

Mostra di più Istruzioni
di layout e preparazione grafica
1

Misura schermo del computer o ottenere le sue dimensioni in pixel o in pollici . Su un pezzo di carta , disegnare un rettangolo uguale alla dimensione dell'area di visualizzazione sullo schermo del computer . Dividere il documento in due colonne in modo che una colonna è il 25 per cento della larghezza della carta e l' altra colonna è il 75 per cento della larghezza della carta .
2

Disegnare e ottenere grafica per una figura umana e per ciascuno dei pezzi di abbigliamento nel vostro gioco . Fotocopiare la grafica e salvare i file grafici risultanti sia come gif o jpeg file . Usare altri formati di file grafico se volete , ma prima controllate per vedere se sono compatibili Flash e come funzionano con il software Flash .
3

Inserite la figura umana tagliato sul lato sinistro del foglio . Inserite i vostri vestiti ritagli sul lato destro del foglio . Disporre i vestiti ritagli in maniera organizzata in modo che sarà facile per il giocatore per fare clic e trascinare diversi pezzi di abbigliamento sulla figura umana . Utilizzare questo disegno come la guida di layout per il layout della schermata iniziale del programma Flash .
Lancio Flash
4

Avviare il programma Flash Professional . Fare clic sul menu "Finestra " e selezionare "Proprietà" per visualizzare il pannello delle proprietà . Fare clic sul pulsante "Modifica" nel pannello delle proprietà . Impostare le dimensioni di larghezza e altezza nel pannello proprietà alla larghezza e altezza misurato nel passaggio 1 Fare clic sul pulsante " OK "
5

Fare clic su " Importa" dal menu File . Fare clic su " Importa nello stage ", e quindi fare clic sul file grafico che si desidera importare dalla casella di riepilogo file che appare . Fare clic su " OK ". Continuare con la procedura di importazione fino a quando tutti gli elementi grafici sono stati importati nella scena .
6

Fare clic su " Transform Tool" sulla barra degli strumenti di disegno , quindi fare clic su uno dei "grafica " sul palco Flash . Posizionare il cursore del mouse su una delle "maniglie" l'immagine, ridimensionare la grafica e scala per la stessa proporzione degli altri elementi grafici. Ripetere questa procedura per tutte le grafiche . Effettuare le regolazioni in modo che ciascuno dei vestiti grafica si inserisce bene sul grafico umana .
Fare clic e trascinare interattività
7

Fare clic su " Selection Tool" nel disegno barra degli strumenti . Fare clic su uno dei vestiti grafica. Ora fai clic su " Converti in simbolo " dal menu Modifica per consentire comandi di animazione da assegnare alla grafica . Assegnare un nome simbolo della vostra scelta nel campo "Nome " casella di testo all'interno della finestra di dialogo " Converti in simbolo ." Digitare un nome simbolo che riflette l' indumento o accessorio , come i pantaloni , camicia , gonna e cappello . Ripetere la procedura per ognuno dei vestiti grafici che avete già importati in Flash .
8

Fare clic su " Selection Tool" nella barra degli strumenti di disegno di nuovo . Fare clic su uno dei " vestiti grafica" sul palco e quindi digitare un nome di istanza nel campo "Nome istanza" casella di testo nel pannello "Proprietà " . Utilizzare un nome di istanza univoco per ogni grafico selezionato . Usa , per esempio , " pantsblue , " per un paio di pantaloni blu . Annotare i nomi di istanza . Utilizzare questi nomi nei comandi di animazione click - and-drag ActionScript .
9

Fare clic sull'opzione " azione " nel menu " Windows" . Digitare l'animazione clic e trascinare i comandi nell'editor "Azioni " che appare . Utilizzare i comandi , che comprenderà la " addEventListener , " " removeEventListener ", " funzione", " startDrag " e " stopDrag " comandi in base alla sintassi definita nel menu di aiuto del flash Adobe . Strutturare l'ordine dei comandi in base alle leggi di comando ActionScript e le linee guida di programmazione contenute nel menu Guida di Flash .
10

Utilizzare un comando " addEventListener " per ogni immagine che il giocatore sarà in grado di muoversi con sintassi dei comandi come " pantsblue.addEventListener ( MouseEvent.CLICK , drag_fn ) . " Utilizzare il nome istanza di una specifica abiti grafiche per assegnare click interattività per ogni abiti grafico utilizzato .