no se como hacerlo; POO javascript

gilber966 · #1 (**permalink**) 04/07/2012, 10:11

Hola estoy aprendiendo javascript orientado a objetos y no logro entender como me refiero a las cosas que creo con new laClase();

por que por dom uso el id de cada elemento y lo muevo, reposiciono,cambio etc, pero ahora no se como se hace la idea es crear muchos objetos, pero como controlo las funciones que modifican a cada uno por separado? ni siquiera se como me refiero a cada uno?

Por favor ayudenme es para crear un juegito en html5

el ejemplo aqui
la idea es crear muchos soldados y controlar la caida...
con dom me funciona, pero necesito aprenderlo con canvas.

tengo este code :

html:

Código HTML:

Ver original<!DOCTYPE html>
<html>
 
  <head>
 
    <title>Parachute</title>
 
    <script src="game.js" type="text/javascript"></script>
     <link rel="stylesheet" type="text/css" href="estilo.css" >
 
  </head>
 
  <body onload="">
 
    <div id="canvas" width="1024" height="600" class="main">
        <img src="amigo-normal-1.png" class="oculto" id="a" name="a" alt="no" style="position:relative" >
        
        <div id="control" name="control" class="control">
            <b>vidas:</b><input type="text" value="5" class="snada" id="vidas"><br>
            <b>Puntuacion:</b><input type="text" value="0" class="snada" id="puntuacion"><br>
            <b>Pos y:</b><input type="text" value="" class="snada" id="py"><br>
            <b>veloc:</b><input type="text" value="" class="snada" id="pl"><br>
            
            <a href="#" onclick="ocultar('a');">ocultar</a><br>
            <a href="#" onclick="mostrar('a');">mostrar</a><br>
            <a href="#" onclick="cambiar('a','amigo-cayendo-1.png');">cambiar</a><br>
            <a href="#" onclick="posicionInicial('a',600,5);">pocisionar</a><br>
            <a href="#" onclick="iniciar()">caer</a><br>
            <a href="#" onclick="detener(caida)">detener</a><br>
        </div>
        <img src="mina-enemiga-1.png" class="mina" id="mina1" name="mina1" alt="no" style="position:relative" 
        onclick="explosion(this.id);"
        >
    
    </div>

el js:

Código Javascript:

Ver originalfunction soldado(soldado){
        //Atributos de la clase
        this.posx;
        this.posy;
        this.vivo;
        this.estado;
        this.alto;
        this.ancho;
        this.tipo;
        this.src;
        //Construcor de la clase
        this.constructor=function(x,y,vivo,estado,alto,ancho,tipo,src){
            this.posx=x;
            this.posy=y;
            this.vivo=vivo;
            this.estado=estado;
            this.alto=alto;
            this.ancho=ancho;
            this.tipo=tipo;
            this.src=src;
        };
        //Métodos de la clase
        this.aparecer=function(){
            //aqui necesito cambiar el style visibility a visible, pero Como me refiero al //soldado que cree con soldado1=new soldado();
//y asi sucesivamente, cambiar el top para simular caida?
//cambiar el src de la imagen?
        };
        this.caer=function(arg1){
           
        };
        this.abrirParacaidas(soldado){
            
        };
        this.caminar(soldado){
            
        };
        this.dibujar=function(contexto){
        
    };
        
        //metodos getter y setter
                this.getPosx=function(){
                return this.posx;
                };
                this.getPosy=function(){
                return this.posy;
                };
 
    }
 
 
    //funciones de ejecucion
    
    var soldado1=new soldado();
    soldado1.constructor(100,0,true,cayendo,80,80,'amigo','amigo-normal-1.png');
   soldado1.aparecer(); [COLOR="Red"]--asi llamo al metodo pero como aparece?[/COLOR]