Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

33
Introduccion al videojuego Gabriel De Ioannes Becker Clase 12

Transcript of Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Page 1: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Introduccion al videojuego

Gabriel De Ioannes Becker

Clase 12

Page 2: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Conoce lo que es una variable de tipo Arreglo (Vector, Array)

Conoce las herramientas de Loops ( For, While ) y como se usan en JavaScript

Comprende como estos contenidos se ponen en practica en el ámbito del Video Juego

Objectivos

Page 3: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Arreglos, loops y objetos%

Page 4: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 5: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 6: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

WHILE LOOP%

Page 7: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Mientras la condición sea verdadera, seguiré haciendo lo “mismo”.

LOOP

Page 8: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Estos e llama pseudo-codigo, es muy útil para entender de manera la

lógica de lo que se desea programar

mientras ( n es menor a 10){ Codigo que se itera; n++;//n=n+1}

En cada iteración, se comprueba esta

sentencia, si es verdadera el loop

continua

Page 9: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12Declaración de un loop While en JavaScript

while (n<10){ accion/asignar valor/modificar valor;

Validar datos;}

Page 10: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Otra declaración de un loop While en JavaScript

Clase 12

do{ accion/asignar valor/modificar valor;

Validar datos;} while (n<10);

Page 11: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

For LOOP%

Page 12: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Estos e llama pseudo-codigo, es muy útil para entender de manera la

lógica de lo que se desea programar

para ( n igual a 0, n menor que 10, n mas 1){ Codigo que se itera;}

En cada iteración, se comprueba esta

sentencia, si es verdadera el loop

continua

Valor inicial de una variable para

el Loop

En cada iteración aumentamos la variable en uno

Page 13: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Declaración de un loop For en JavaScript

Clase 12

For (var i=0;i<10;i++){ accion/asignar valor/modificar valor;

Recorrer Arreglo;}

Page 14: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Arreglo%

Page 15: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 16: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Las variables cargan información especifica…

Page 17: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Las variables pueden ser de diferentes TIPOSTexto (String)Numero (float,Int,Double)Logica o Booleana (TRUE, FALSE)

Arreglos…

Clase 12

Page 18: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Declaración de un Arreglo en JavaScript

Clase 12

var nombreArreglo = new Array();

A diferencia de otros lenguajes, el arreglo de Javascritp permite ingresar

varios tipos de datos dentro de sus casillas

Page 19: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 20: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Asignación de valor a un Arreglo en JavaScript

Clase 12

nombreArreglo [0] = 100; nombreArreglo [1] = 144;

Leer valor en una casilla del Arreglo en JavaScriptnombreArreglo [0] ; // Entrega 100

nombreArreglo [1] // Entrega 144

Page 21: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Los arreglos traen consigo ciertas propiedades

Clase 12

nombreArreglo.length, Largo del arreglonombreArreglo.push(var), agregamos nueva celda con nuevo valornombreArreglo.splice(i,1), agregamos nueva celda con nuevo valor

Page 22: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Recorrer un arreglo con un For loop

Clase 12

For (var i=0,i<arreglo.length,i++){ arreglo[i];//Leer valor

arreglo[i]=100;//Asignar valor}

Page 23: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

objetos%

Page 24: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 25: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 26: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

objeto%

PROPIEDADES

Page 27: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 28: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 29: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 30: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12

Page 31: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Declaración de un OBJETO en JavaScript

Clase 12

function NombreObjeto (x,y){this.posx=x;this.posy=y }

Instancia del objetovar nombreInstancia =new NombreObjeto (x,y);

Page 32: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Clase 12Declaración de un OBJETO en JavaScriptfunction NombreObjecto (x,y){

this.posx=x;this.posy=y }

Instancia del objetovar nombreInstancia =new NombreObjeto (x,y);

Acceder a propiedades de la instancia.nombreInstancia .posx;Modificar las propiedades de la

instancia.nombreInstancia .posx=100;

Page 33: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12.

Recorrer un arreglo de objetos con un For loop

Clase 12

For (var i=0,i<arreglo.length,i++){ arregloObjetos[i].posx;//Leer valor

arregloObjetos[i].pox=100;//Asignar valor}