Creare un gioco tennis (pong) con flash

Posted on 29. Sep, 2006 by Administrator in flash, tutorials


In questo tutorial vedremo come creare un gioco tennis (pong) con macromedia flash.

1. Creazione della racchetta

La prima cosa che dobbiamo fare è creare il movieclip che rapprensenterà la nostra racchetta. Creiamo un nuovo movieclip e gli disegnamo  un bel rettangolo come in figura:

 

Stando bene attenti a posizionare il rettangolo come in figura, vicino al centro dello stage.

2. Creazione della pallina

 La seconda cosa che dobbiamo fare è creare il movieclip che rapprensenterà la nostra pallina. Creiamo un nuovo movieclip e gli disegnamo un bel cerchio come in figura:

 

Stando bene attenti a posizionare il cerchio come in figura, vicino al centro dello stage.

3 Concatenera i movieclip 

Fatto ciò adesso dobbiamo concatenare i movieclip alla scena. Andiamo nella libreria e con il tasto destro sul movieclip della racchetta clicchiamo sulla sulla voce "concatenamento .." che appare nel menu.

 

La stessa cosa per il movieclip della palla 

 

 4. Posizionare gli elementi sulla scena

 Posizioniamo gli elementi sulla scena come in figura:

 

5. Il codice actionscript 

Adesso selezioniamo il primo frame e piazziamogli come codice:

stop();
var s:Number = 15;
dirx = diry=s;
var h:Number = pl._height=175;
var vY:Number = (Stage.height/2)-(h/2);
var margin:Number = 10;
pl._y = vY;
var speed:Number = 35;
var obj = new Object();
pl._x = margin;
var po:MovieClip = this.attachMovie("pl", "pl2", this.getNextHighestDepth());
po._x = Stage.width-po._width-margin;
po._height = h;
onEnterFrame = function () {
    pl._y += (vY-pl._y)/8;
    pl2._y += (xY-pl2._y)/8;
    dirx = (ball._x<=0) || ball.hitTest(pl) ? s : (ball._x>=Stage.width-ball._width) || ball.hitTest(pl2) ? -s : dirx;
    diry = (ball._y<=0) ? s : (ball._y>=Stage.height-ball._height) ? -s : diry;
    ball._x += dirx;
    ball._y += diry;
    if (key == Key.UP) {
        vY = vY>=speed ? vY-speed : vY;
    }
    if (key == Key.DOWN) {
        vY = vY<=Stage.height-h-speed ? vY+speed : vY;
    }
    xY = (ball._y-(pl2._height/2));
};
obj.onKeyDown = function() {
    key = Key.getCode();
};
obj.onKeyUp = function() {
    key = null;
};
Key.addListener(obj);
 

Downloads dei sorgenti: Flash 8 e mx 2004


Correlati

27 Comments

luke

21. Aug, 2007

scusa, ma che cos’è flash?

Administrator

21. Aug, 2007

macromedia flash

luke

21. Aug, 2007

e dove si trova?

luke

21. Aug, 2007

in quante parti è suddiviso quest’articolo riguardante la creazione di pong?

luke

21. Aug, 2007

skusa, l’ho spedito 2 volte

Administrator

21. Aug, 2007

tutto qui, solo una parte, il gioco è molto semplice da realizzare.

luke

22. Aug, 2007

scusa, ma io nn so usare macromedia. Ho la versione 8, credo sia uguale. come faccio a creaere movieclip, e dove inserisco tutte quelle scritte?
grazie luke

Administrator

23. Aug, 2007

mi sa che devi farti un corso entry level per leggere e seguire i tutorial

luke

24. Aug, 2007

e come faccio?
In alternativa, mi sapresti dire se è possibile creare un piccolo sudoku su notepad e poi farlo partire con dos?

luke

28. Aug, 2007

mi rispondi, per favore?

Administrator

29. Aug, 2007

nn saprei proprio

DaVi

11. Sep, 2007

scusa la mia ignoranza…ma come faccio a far partire macromedia?

Administrator

11. Sep, 2007

vai su start -> programmi -> macromedia flash

Luke

16. Sep, 2007

Ma come si crea un movieclip????

massimiliano

05. Nov, 2007

scusami io ho provato a fare tutto e mi dice ke o script nn contiene errori. Ma dopo che faccio tutto questo come faccio a fare partire il gioco?
per favore rispondi xke sto impazzendo

extremesayan

03. Feb, 2008

non mi è venuto neanche 1gioco; non potreste darmi un sito dove c’è guida su un video
E’ perfavore QUALCUNO MI DICE KOME SI SALVANO I GIOCHI O I MIEI LAVORI DI FLASH IN UN FORMATO NORMALE???????????????????????

extremesayan

03. Feb, 2008

x MASSIMILIANO:
Per far partire il gioco clicca su:
Control->Test momovie
E sarà partito

extremesayan

03. Feb, 2008

X luke:
Un movie clip si crea:
Disegnia una cosa! E’ basta è quello ke si intende

extremesayan

03. Feb, 2008

X luke
Ma alla fine cliccando su di essa con il mouse destro->ti si aprira una finestra clicca su->Convert to Symbol;->Ti si aprira una finestra:->vedrai a destra (dopo la scritta Type overo tipo) che puoi scegliere se è ->movie clip;button;graphic

E’ facile come bere un bikier d’acqua

giorgi

25. Jun, 2008

ma come mai a me non si muovono? mi potreste spiegare che cos’è il centro dello stage?

Dami

29. Jun, 2008

ciao senti ma macromedia flash e adobe flash player sono la stessa cosa?

Dami

29. Jun, 2008

Mi potresti dire per piacere dove posso scaricare macromedia?

Dami

29. Jun, 2008

senti una volta fatto il movie clip della racchetta che devo fare devo?

xani

28. Jul, 2008

allora mi dici x favore in che frame devo inserire lo script che mi dai???

xani

28. Jul, 2008

per gli altri utenti: i movie clip con flash 8 si creano cliccando tasto destro sulla libreria(che sara bianca) e poi cliccare la voce “nuovo simbolo” qui scegliere il nome o racchetta o pallina e scegliete il “tipo” che ovviamente deve essere “clip filmato” che tradotto in inglese significa appunto movieclip…..

bhe ora che io ho aiutato voi aiutereste me dicendomi in quale frame devo inserire il codice??? grazie…

mattia

29. Mar, 2009

ho fatto tutto come indicato sopra, ma quando provo il filmato mi dice che ci sono 17 errori!!! >:( mi dici qnt frame ci devono essere? e poi quante “racchette” dovrei inserire?

Lotdox

13. Jun, 2010

Scusa administrator, ma in effetti non è molto chiaro.
Diciamo che qualche schermata in piu’ avrebbe facilitato il compito a tutti e TI avrebbe evitato di rispondere ad alcune domande

Leave a reply