Desarrollo De Videojuegos Con Javascript

Gamelib javascript library

Bolaño Rodríguez, Edgar – [email protected]

JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.

JavaScript es un lenguaje basado en objeto "NO" orientado a objetos.

Edgar Bolaño 08-09 2

JavaScript fue desarrollado por Netscape con el nombre de Mocha, más tarde renombrado a LiveScript, y finalmente a JavaScript.

JavaScript fue presentado y desarrollado en el navegador Netscape en diciembre de 1995.

La denominación ha causado confusión.

Edgar Bolaño 08-09 3

Javascript se puede incluir todo documento que termine traduciéndose en HTML en el navegador del cliente: PHP, ASP, JSP, ...

Método no recomendado: directamente. Método correcto definido por “W3C”. Ejemplo:

<script type="text/javascript“src="[URI]"></script>

Edgar Bolaño 08-09 4

Es una librería de código abierto. No sólo pensada para el desarrollo de

videojuegos sino también para añadir efectos dinámicos y animaciones a cualquier página web.

Edgar Bolaño 08-09 5

• Compuesta por distintos módulos:– Cookies.– Core.– Interface.– Keyboard.– Layers.– Mouse.– Sound.– Sprites– Tiles.– Widgets.

Edgar Bolaño 08-09 6

Con estos módulos se pueden hacer desde sencillas animaciones basadas en sprites:◦ examples\cookie_example_2.html◦ examples\sprite_example_2.html

Hasta interfaces vistosas y videojuegos:◦ examples\interface_example.html◦ examples\sprite_example_4.html

Edgar Bolaño 08-09 7

function init(){ cowboy=new Sp_Sprite();cowboy.setImage("../images/whiteanim.gif",57,111,8,1);

cowboy.setXlimits(50,500);

cowboy.setYlimits(150,500);

cowboy.moveTo(0,0);

cowboy.setSpeed(5);

cowboy.setDir(0,1);

cowboy.setFrame(0);

cowboy.switchOn(); examples\cowboy_example_2.htmlGl_scrollbars("off");

Gl_hook("animate_cowboy()");

Gl_start();

}

function animate_cowboy(){

cowboy.setFrame(cdir);

cdir++;

if(cdir==8) cdir=0;

if(cowboy.ydir==0&&cowboy.xdir==0){

cowboy.moveTo(0,0);

cowboy.setDir(1,1); }

}

Edgar Bolaño 08-09 8

for(n=1;n<Sp_totalsprites;n++){mysprite[n].setXYdegs(Math.random()*360);mysprite[n].setSpeed(Math.random()*5+3);mysprite[n].bounces=true;mysprite[n].setImage("../images/i0.gif",20+Math.floor(n/2),20+Math.floor(n/

2),1,1);mysprite[n].setXlimits(0,500);mysprite[n].setYlimits(0,300);mysprite[n].moveTo(Math.random()*500,Math.random()*300);mysprite[n].setFrame(0);mysprite[n].switchOn();

}redsprite.setXYdegs(0); examples\sprite_example.htmlredsprite.setSpeed(8);redsprite.setXlimits(0,500);redsprite.setYlimits(0,300);redsprite.moveTo(150,150);redsprite.collides=true;redsprite.setImage("../images/i1.gif",32,32,1,1);redsprite.setFrame(0);redsprite.useHitEvents(true);redsprite.switchOn();for(n=0;n<Sp_totalsprites;n++) redsprite.setHitEvent(mysprite[n],"redsprite.hit.switchOff()“)

Edgar Bolaño 08-09 9

for(n=0;n<Sp_totalsprites;n++){

mysprite[n].setSpeed(0);

mysprite[n].bounces=true;

mysprite[n].setXYdegs(Math.floor(Math.random()*360));

mysprite[n].setXlimits(0,400);

mysprite[n].setYlimits(0,300);

mysprite[n].moveTo(spx*32,100);

mysprite[n].onmouseover="colour_change("+n+",5)";

mysprite[n].onmouseout="colour_change("+n+",0)“;

mysprite[n].onclickdown="start_stop("+n+")“;

mysprite[n].makeDraggable();

mysprite[n].switchOn();

}

examples\mouse_example.html

Edgar Bolaño 08-09 10

http://www.nihilogic.dk/labs/mario/mario_large_music.htm

http://www.def-logic.com/_dhtml/counterterror/

http://www.def-logic.com/_dhtml/freejack/

Edgar Bolaño 08-09 11

El desarrollo de videojuegos en javascript no es una tarea sencilla, aunque herramientas como “glib” nos facilitan mucho el trabajo.

¿Porqué desarrollar juegos en javascrip? Últimamente los motores javascript de los navegadores han mejorado mucho, como es el caso de “chrome” y dentro de muy poco “firefox”, por lo que los juegos corren mucho más fluidos. Lo cual lo hace una alternativa muy válida para aquellos dispositivos que no disponen de un reproductor de flash.

Edgar Bolaño 08-09 12

◦ http://es.wikipedia.org/wiki/JavaScript◦ http://www.elwebmaster.com/articulos/programa-

juegos-con-javascript◦ http://www.anieto2k.com/2008/10/29/gamejs-

juegos-2d-con-javascript/◦ http://www.carlosleopoldo.com/post/programa-

tus-juegos-con-javascript-de-manera-muy-facil/◦ http://www.webestilo.com/javascript/

Edgar Bolaño 08-09 13