El documento describe cómo crear un botón pulsable en Flash usando ActionScript 3.0. Primero, se importa una imagen PNG a la biblioteca de Flash y se convierte en un símbolo. Luego, se escribe código para mostrar la imagen, agregar un evento de clic al mouse, y mostrar otra imagen y un mensaje de texto cuando se hace clic. Esto crea un botón básico que cambia su apariencia al pasar el mouse y muestra una respuesta al hacer clic.
Creación de juegos mediante la plataforma XNA de Microsoft Visual Studio
Links para descargar material:
Parte 01: https://www.dropbox.com/s/2b3f27izg3wfqws/01.XNA.zip
Parte 02: https://www.dropbox.com/s/ep3634jsjullkbs/02.XNA.zip
Parte 03: https://www.dropbox.com/s/9e3q068t6mlkted/03.XNA.zip
Parte 04: https://www.dropbox.com/s/u4navlzlhtecjm0/04.XNA.zip
Parte 05: https://www.dropbox.com/s/oqjll5c73kbvu1j/05.XNA.zip
Creación de juegos mediante la plataforma XNA de Microsoft Visual Studio
Links para descargar material:
Parte 01: https://www.dropbox.com/s/2b3f27izg3wfqws/01.XNA.zip
Parte 02: https://www.dropbox.com/s/ep3634jsjullkbs/02.XNA.zip
Parte 03: https://www.dropbox.com/s/9e3q068t6mlkted/03.XNA.zip
Parte 04: https://www.dropbox.com/s/u4navlzlhtecjm0/04.XNA.zip
Parte 05: https://www.dropbox.com/s/oqjll5c73kbvu1j/05.XNA.zip
Creación de juegos mediante la plataforma XNA de Microsoft Visual Studio
Links para descargar material:
Parte 01: https://www.dropbox.com/s/2b3f27izg3wfqws/01.XNA.zip
Parte 02: https://www.dropbox.com/s/ep3634jsjullkbs/02.XNA.zip
Parte 03: https://www.dropbox.com/s/9e3q068t6mlkted/03.XNA.zip
Parte 04: https://www.dropbox.com/s/u4navlzlhtecjm0/04.XNA.zip
Parte 05: https://www.dropbox.com/s/oqjll5c73kbvu1j/05.XNA.zip
HTML Tour - Programación de Videojuegos HTML5Plain Concepts
En la charla veremos características comunes de los juegos y su aplicación práctica en canvas HTML5. Analizaremos varios tipos de juegos, tanto 2D como 3D y estudiaremos las diferentes maneras implementarlos mientras comentamos las partes clave de su estructura. Para finalizar echaremos un vistazo al framework desarrollado por PlainConcepts para la creación de diferentes tipos de juegos 2D y 3D en HTML5.
Creación de juegos mediante la plataforma XNA de Microsoft Visual Studio
Links para descargar material:
Parte 01: https://www.dropbox.com/s/2b3f27izg3wfqws/01.XNA.zip
Parte 02: https://www.dropbox.com/s/ep3634jsjullkbs/02.XNA.zip
Parte 03: https://www.dropbox.com/s/9e3q068t6mlkted/03.XNA.zip
Parte 04: https://www.dropbox.com/s/u4navlzlhtecjm0/04.XNA.zip
Parte 05: https://www.dropbox.com/s/oqjll5c73kbvu1j/05.XNA.zip
2. Luego debemos importar una imagen preferiblemente en formato PNG a la biblioteca
de flash (siguiente figura)
3. Debemos buscar la imagen e importarla a la biblioteca en mi caso elegí la siguiente
imagen
Luego debemos convertir la imagen el símbolo para esto doy clic derecho sobre la
imagen y seleccionamos la opción convertir en símbolo (siguiente figura)
4. Una vez la imagen este convertida en símbolo debemos abrir la ventana de acciones
(siguiente figura)
5. Luego vamos a escribir el siguiente código
Var cristian: camilo=new Camilo ();
cristian.x=300;
cristian.y=200
cristian.scaleX=.40;
cristian.scaleY=.40;
addChild(cristian)
cristian.addEventListener(MouseEvent.CLICK,pulsarboton);
function pulsarboton(event:MouseEvent){
var ccg:guevara=new guevara();
ccg.x=300;
ccg.y=200
ccg.scaleX=.40;
ccg.scaleY=.40;
addChild(ccg)
trace("el pipe y yo")
}
En este código primero declare una variable una instancia con su respectivo tipo y
asignación (Var cristian: Camilo=new Camilo ();) luego declare las coordenadas en el
plano cartesiano
6. (cristian.x=300;
cristian.y=200
cristian.scaleX=.40;
cristian.scaleY=.40;)
Luego con el tag ADDCHILD le pido al computador que me muestre por pantalla la
instancia (addChild(cristian))
En la siguiente linea declaramos la funcion del mouse
cristian.addEventListener(MouseEvent.CLICK,pulsarboton);
function pulsarboton(event:MouseEvent){
cuando este codigo se ejecute es decir la decimos que cuando demos clic en el boton o
imagen este escriba o muestre algo por pantalla en mi caso declare otravarible para la
funcion del mouse
( var ccg:guevara=new guevara();
ccg.x=300;
ccg.y=200
ccg.scaleX=.40;
ccg.scaleY=.40;
addChild(ccg))
tambien pido que por salida se escriba algo (trace("el pipe y yo")) para ello utilizamos
el tag trace
7. Luego vamos a ejecutar el codigo (ctrl+enter) aparecera una pantalla con la imagen
que exporte a la biblioteca (siguiente figura)
Cuando ponga el mause
sobre la imagen este va
a cambiar a la forma de una
manito y al dar clic en mi
caso aparecera la
variable que declare
para la funcion del
mouse (siguiente
figura)
8. Tambien por salida aparecera el texto que pedi que escribiera (siguiente figura)
De esta manera podemos cambiar la declracion de las variables y crear nuestro propio
boton pulsante