introduccion al videojuego gabriel de ioannes becker clase 12
TRANSCRIPT
![Page 1: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/1.jpg)
Introduccion al videojuego
Gabriel De Ioannes Becker
Clase 12
![Page 2: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/2.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/3.jpg)
Clase 12
Arreglos, loops y objetos%
![Page 4: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/4.jpg)
Clase 12
![Page 5: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/5.jpg)
Clase 12
![Page 6: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/6.jpg)
Clase 12
WHILE LOOP%
![Page 7: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/7.jpg)
Clase 12
Mientras la condición sea verdadera, seguiré haciendo lo “mismo”.
LOOP
![Page 8: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/8.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/9.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/10.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/11.jpg)
Clase 12
For LOOP%
![Page 12: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/12.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/13.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/14.jpg)
Clase 12
Arreglo%
![Page 15: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/15.jpg)
Clase 12
![Page 16: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/16.jpg)
Clase 12
Las variables cargan información especifica…
![Page 17: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/17.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/18.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/19.jpg)
Clase 12
![Page 20: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/20.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/21.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/22.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/23.jpg)
Clase 12
objetos%
![Page 24: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/24.jpg)
Clase 12
![Page 25: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/25.jpg)
Clase 12
![Page 26: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/26.jpg)
Clase 12
objeto%
PROPIEDADES
![Page 27: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/27.jpg)
Clase 12
![Page 28: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/28.jpg)
Clase 12
![Page 29: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/29.jpg)
Clase 12
![Page 30: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/30.jpg)
Clase 12
![Page 31: Introduccion al videojuego Gabriel De Ioannes Becker Clase 12](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/31.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/32.jpg)
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](https://reader035.vdocumento.com/reader035/viewer/2022070416/5665b4611a28abb57c9106c1/html5/thumbnails/33.jpg)
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}