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>
<link rel="stylesheet" type="text/css" href="estilo.css" >
<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> <img src="mina-enemiga-1.png" class="mina" id="mina1" name="mina1" alt="no" style="position:relative" onclick="explosion(this.id);"
>
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]