Fábrica de los videojuegos

Transcripción

1 Fábrica de los videojuegos 1

2 2

3 Fábrica de los videojuegos Glosario Compilar: Crear un programa listo para ser instalado a partir del código de un programa Comprimir: Disminuir el tamaño Icono:Imagen pequeña Función: Parte de un programa que hace un pequeño trabajo compuesto de uno o varios smippets Fx: Efecto de sonido Listener: Hacer que se ejecute una función cuando le pasa algo a un objeto Pixel: Punto de pantalla Programa: Compuesto por uno a varias funciones RGB: Código de color (Red, Green, Blue) Snippet: Pedazo de código Sprite: Grupo de imágenes que componen una animación Extensiones BMP: Archivo de imagen no comprimido GIF: Archivo de imagen de baja calidad que permite transparencias JPG: Archivo de imagen LUA: Archivo de programa MP3: Archivo de sonido comprimido PNG: Archivo de imagen que permite transparencias PSD: Archivo de imagen Photoshop WAV: Archivo de sonido NO comprimido Accesos Directos Notepad++ SHIFT + Cursor: Seleccionar CRTL+C: Copiar texto CRTL+V: Pegar texto CRTL+X: Cortar texto CRTL+F: Buscar TAB SHIFT+TAB: Indentar hacía fuera o hacía dentro un bloque de texto CRTL+INICIO CRTIL+FIN: Ir al principio o final del documento Photoshop Para colorear, la tolerancia establece la potencia de la herramienta 3

4 Para recortar la imagen Para segmentar la imagen en varios pedazos Para mover una selección o una capa Herramientas de selección: sirven para seleccionar parte de una imagen Para seleccionar cuadros. Para seleccionar por colores, la tolerancia fija la potencia de la herramienta. ALT: Resta a la selección, SHIFT: Añade a la selección La selección se puede mover con la herramienta MOVER, borrar (con la tecla SUPR ), pintar (con el CUBRO). CRTL+D: Deseleccionar, CRTL+A: Seleccionar todo, CRTL+SHIFT+I: Invertir Efecto lupa, si usas la tecla ALT y luego pinchas, alejas la imagen Para pintar en diferentes colores y brochas Introducir texto Para camuflar parte de una imagen, ALT: para seleccionar estilo de imagen a clonar Corona SDK CRTL+R: Recargar pantalla CRTL+W: Cerrar proyecto Webs interesantes Corona SDK coronalabs.com docs.coronalabs.com Descarga de sonidos FX gratuitos sounds.wavcentral.com Nuestras webs J yofriki.com iglugo.com Servidor del curso web: usuario: hola / contraseña:

5 Ejercicio 3: Ovni Star El objetivo es crear un videojuego arcade del tipo carreras, con un ovni que debe ir recolectando estrellas por el cielo pero esquivando los meteoritos. SNIPPET 3.1 : CREANDO ESCENA DE JUEGO tenemos que hacer es definir la física que va a gobernar nuestro juego Lo primero que local physics = require("physics") physics.start() physics.setgravity(0, 0) A continuación colocamos las imágenes que utilizaremos en nuestro juego. El fondo fondo = display.newimage("fondo.png", 400, 240) que debe mostrar las nubes al ejecutarlo. Las dimensiones de la pantalla son 800 x 480 pixeles o puntos en la pantalla. Lo siguiente es poner los botones que utilizaremos para manejar nuestro ovni, que miden 60x60 cada uno. arriba = display.newimage("arriba.png", 760, 40) abajo = display.newimage("abajo.png", 760, 420) Finalmente pintamos el ovni con unas dimensiones de 130x70 pixels. 5

6 Ponemos el marcador de puntos a cero puntos = display.newtext("0", 260, 20, native.systemfont, 36) Una vez tenemos todos los objetos en la pantalla asignamos física al objeto ovni, para que otros objetos puedan interactuar con él, chocando, etc. physics.addbody(ovni) Ponemos la música que animará nuestro juego. Primero la cargamos desde un archivo y luego la ponemos a reproducir. local musica = audio.loadstream("musica.mp3") audio.play(musica, {loops = -1, channel = 1}) loops = - 1 hace que se reproduzca siempre. Ya solo nos falta crear las estrellas, pero como todas se comportan de una forma similar, las creamos mediante un grupo, para que sea más fácil de manejar. estrellas = display.newgroup() El resultado final será un archivo como este local physics = require("physics") physics.start() physics.setgravity(0, 0) fondo = display.newimage("fondo.png", 400, 240) arriba = display.newimage("arriba.png", 760, 40) abajo = display.newimage("abajo.png", 760, 420) ovni = display.newimage("ovni.png", 70, 220) physics.addbody(ovni) puntos = display.newtext("0", 260, 20, native.systemfont, 36) local musica = audio.loadstream("musica.mp3") audio.play(musica, {loops = -1, channel = 1}) estrellas = display.newgroup() Tenemos las imágenes y los sonidos activos. Para que sea más fácil trabar con el programa vamos a agrupar todas las instrucciones. Añadimos local function empezar(event) antes de fondo y -- empezar() al final del archivo. 6

7 El resultado debe ser el que se muestra abajo. local physics = require("physics") physics.start() physics.setgravity(0, 0) local function empezar(event) fondo = display.newimage("fondo.png", 400, 240) arriba = display.newimage("arriba.png", 760, 40) abajo = display.newimage("abajo.png", 760, 420) ovni = display.newimage("ovni.png", 70, 220) physics.addbody(ovni) puntos = display.newtext("0", 260, 20, native.systemfont, 36) local musica = audio.loadstream("musica.mp3") audio.play(musica, {loops = -1, channel = 1}) estrellas = display.newgroup() -- SECCIÓN DE LISTENERS -- empezar() -- FIN SECCIÓN DE LISTENERS -- SNIPPET 3.2: MOVIENDO EL OVNI IMPORTANTE: AÑADIMOS DENTRO DE LA SECCIÓN DE LISTENERS abajo:addeventlistener("tap", moverabajo) arriba:addeventlistener("tap", moverarriba) IMPORTANTE: ESTO LO PONEMOS ANTES DE empezar() function moverarriba(event) if ovni.y > 70 then ovni.y = ovni.y function moverabajo(event) if ovni.y < 370 then ovni.y = ovni.y

8 SNIPPET 3.3 :CREANDO ESTRELLAS IMPORTANTE: AÑADIMOS DENTRO DE LA SECCIÓN DE LISTENERS temporizador = timer.performwithdelay(400, crearestrella, 0) Runtime:addEventListener("enterFrame", actualizar) IMPORTANTE: ESTO LO PONEMOS ANTES DE empezar() local ypos = {70, 220, 370} function crearestrella() local estrella local aleatorio = math.random(1,5) if(aleatorio == 4) then estrella = display.newimage("star2.png", 800, ypos[math.random(1,3)] ) estrella.etiqueta = "mala" else estrella = display.newimage("star.png", 800, ypos[math.random(1,3)] ) estrella.etiqueta = "buena" estrella.issensor = true physics.addbody(estrella) --estrella:addeventlistener("collision", colision) estrellas:insert(estrella) function actualizar() if(estrellas ~= nil)then for i = 1, estrellas.numchildren do estrellas[i].x = estrellas[i].x - 5 SNIPPET 3.4 :COLISIÓN IMPORTANTE: DESCOMENTAMOS (QUITAMOS LOS GUIONES - - DE LAS LÍNEA estrella:addeventlistener("collision", colision) EN EL SNIPPET 3.3 8

9 IMPORTANTE: ESTO LO PONEMOS ANTES DE empezar() local sonido = audio.loadsound("tono.mp3") function colision(event) event.target:removeeventlistener("collision", colision) display.remove(event.target) if(event.target.etiqueta == "buena") then puntos.text = puntos.text + 50 audio.play(sonido) elseif(event.target.etiqueta == "mala") then timer.cancel(temporizador) audio.stop() alerta = display.newimage("alert.png", 400, 250) local puntos_final = display.newtext(puntos.text, 400, 265, native.systemfont, 40) 9

10 Ejercicio 4: Animaciones SNIPPET 4.1 : Creando un fondo en movimiento IMPORTANTE: Contenido de main.lua local lib = require('libreria') lib.fondo1() IMPORTANTE: Creamos un archivo nuevo llamado: librería.lua local M1={}; function M1.fondo1(accion) local ancho = display.contentwidth local alto = display.contentheight local velocidad = 12 local suelo1 = display.newimagerect("images/suelo_01.png", ancho, alto) suelo1.anchorx=0; suelo1.anchory=0.5 suelo1.x = -50; suelo1.y = alto/2; suelo1:toback() local suelo2 = display.newimagerect("images/suelo_02.png", ancho, alto) suelo2.anchorx=0; suelo2.anchory=0.5 suelo2.x = 750; suelo2.y = alto/2; suelo2:toback() local suelo3 = display.newimagerect("images/suelo_03.png", ancho, alto) suelo3.anchorx=0; suelo3.anchory=0.5 suelo3.x = 1550; suelo3.y = alto/2; suelo3:toback() local function moversuelo(event) suelo1.x = suelo1.x - velocidad suelo2.x = suelo2.x - velocidad suelo3.x = suelo3.x - velocidad if (suelo1.x + suelo1.contentwidth) < -800 then suelo1.x=suelo1.x+(ancho*3) if (suelo2.x + suelo2.contentwidth) < -800 then suelo2.x=suelo2.x+(ancho*3) if (suelo3.x + suelo3.contentwidth) < -800 then suelo3.x=suelo3.x+(ancho*3) return true Runtime:addEventListener( "enterframe", moversuelo ) 10

11 return M1 11