28 febrero 2010

Guía de Action Script 2 para Novatos / Dummies - Episodio 2

Como dice la cancion de Pedrito: "...después de tiempo..." asi es que empecemos:

Esta guía es SOLO para aprender lo básico de Action Script 2. Si estas viendo por primera vez esta guía te invito a ver el Episodio 1: Acciones para un Botón, que te ayudará a entender mejor este episodio y los que sigan - No cuestiones, solo hazme caso -.

Antes de empezar te recuerdo algunos conceptos fundamentales que debes conocer previamente para manejar el programa y entender esta guía (en orden de aprendizaje):
  • Línea de tiempo y los tipos de fotograma (fotograma, fotograma clave, fotograma clave vacío)
  • Los símbolos (los objetos) y sus tipos (botón, movie clip , gráfico)
  • Las interpolaciones (formas de animar los objetos)
  • La biblioteca
  • Las instancias (nombres de instancia)
  • Y obviamente el Action Script

Si desconoces estos conceptos, te recomiendo el Curso en Línea de Flash (gratuito).

Como esta guía es de action script, no trataremos otra cosa, pero eso sí, tienen que manejar bien estos conceptos para programar en Flash con el AS2...

EPISODIO 2 - 1ra parte: loadMovie (cargando un SWF dentro de otro SWF)

El método loadMovie nos va a permitir hacer lo siguiente:

1- Cargar un SWF dentro de otro SWF.
2- Colocar el SWF cargado en un nivel que elijamos...

Ahora...
¿Qué significa cargar un SWF dentro de otro SWF?
Imagínate que tienes dos cajas: una gigante y otra enana - minúscula, casi microscópica, prácticamente invisible... jejeje ¿se entiende la idea no? -.
as2-LEXtutor-loadmovie1
Ahora, cuando digo "cargar" me refiero a meter una dentro de otra... - Obvio que la caja enana va dentro de la gigante, que si estás pensando hacerlo al revés... podrías pero... bueno no nos desviemos -.
as2-LEXtutor-loadmovie2
Si vemos cada caja como un SWF, entonces tedríamos un SWF (caja gigante) que contiene (carga) a otro SWF (caja enana) <-- ¿Y cómo se hace eso? pues con el maravilloso método: ¡¡¡loadMovie!!!

Si hasta aquí no has entendido, tienes dos caminos:
- Re-leer detenidamente o
- Colocar tu consulta escribiendo un comentario en este post...

Pero, si hasta aquí has entendido la idea <-- ¡Genial! ¿ya vez que no es difícil?... todavía :D Continuemos... - Por cierto en esta ocasión estoy usandoFlash CS4, no es necesario esta versión pero si la tuvieses mucho mejor -.

En Flash, creamos un nuevo documento, luego vamos a cambiar el tamaño de nuestro documento, las medidas serán: 500 píxeles de ancho por 500 píxeles de alto (ver imágenes debajo).
- A partir de ahora: click en las imágenes para ampliarlas -
01-redimensionando

Una vez que terminamos de cambiar las medidas o tamaño de nuestro documento Flash, lo guardamos con el nombre: gigante.fla, de inmediato vamos a generar el SWF para este, es así que tenemos dos caminos:
- Presionar, al mismo tiempo, las teclas CONTROL y ENTER, o...
- Menú CONTROL/opción Test Movie (Probar película)
02-probar-pelicula

Flash nos mostrará nuestro SWF tal cual lo tenemos hasta el momento: Vacío, en blanco, sin ningún elemento <-- hasta aquí tenemos hecha nuestra "caja Gigante"... Ahora repetiremos casi los mismos pasos de gigante.fla para hace la "caja Chica":

- Abrimos un nuevo documento Flash.
- Dibujamos un circulo rojo.
- Guardamos el archivo con el nombre: enana.fla
- Generamos el SWF de enana.fla
Después de estos pasos, enana.swf debería verse así (ver imagen debajo)
02-probar-pelicula-3

Hasta este momento ya tenemos nuestras dos cajas, la Gigante (gigante.fla) y la Enana (enana.fla)

Ahora viene el truco para colocar (cargar) la Enana dentro de la Gigante, es hora de la magia del Action Script...
03-cargar-swf

En gigante.fla aplicaremos el método Loadmovie.
Hacemos clic en el primer fotograma, luego vamos a menú Windows (Ventana) / Actions (Acciones) <-- esto abrirá el panel de Acciones, también puedes usar el atajo por defecto presionando la tecla F9.
04-loadmovie1

En el panel de acciones colocaremos "las palabras mágicas" (el código):
loadMovie("enana.swf", 1); <-- Vamos a descifrar que significa cada palabra y signo...
05-loadmovie1

loadMovie significa cargarPelícula... - está escrito sin espacio entre ambas palabras porque así es la sintaxis (forma de escribir) del Action Script -

"enana.swf" <-- es la "Caja Enana" que irá DENTRO de la "Caja Gigante". No olvides que estamos haciendo esto en gigante.fla, Las comillas también son parte de la sintaxis.

, <-- La coma está allí por sintaxis, está para separar el nombre del SWF a cargar del número de Nivel donde se cargará dicho SWF.

1 <-- Es el número de nivel en donde va la caja - Este asunto del NIVEL lo veremos en el próximo episodio para no enredarnos con tanto concepto, así que por ahora lo dejaremos así -

; <-- El punto y coma indica el final del código. Finalmente, traduciendo loadMovie("enana.swf", 1); dice: Cargar la película "enana.swf" en el nivel 1

Y ahora para poder ver el resultado final, 1ro vamos a guardar los cambios (nunca olvides guardar los cambios recientes), luego volveremos a generar el SWF a gigante.fla, debería verse así...
07-loadmovie-final

Tal cual en el episodio anterior, veamos la Misión Dummie de ahora:
Usando el método loadMovie (¿cuál más?) lograr esto:
08-desafio-dummie

Descarga los archivos de este episodio.

En el siguiente episodio veremos el punto 2: Colocar el SWF cargado en un nivel que elijamos...

Espero que sirva de guía para todos los que no somos programadores pero que queremos aprender apoyados en nuestra persistencia y práctica.

Hasta la próxima...

Este tutorial, que toma tiempo y esfuerzo hacer, está bajo una licencia Creative Commons (está indicado en el sidebar del blog) <-- no se permite para fines lucrativos, gracias por respetar mi trabajo.

27 febrero 2010

Teléfonos para comunicarse con familiares en Chile

Espero que la información sea de utilidad para los hermanos chilenos residentes en Perú.
Reprodusco la información brindada por la web de RPP; fuerza Chile, estamos contigo:

"Por la emergencia desatada tras el terremoto ocurrido en Chile, a unos 300 kilómetros al sur de la capital, la Cancillería peruana ha dispuesto un sistema de turno en todos los Consulados del Perú en el vecino país.

A continuación los números telefónicos que serán de ayuda para que nuestros compatriotas puedan comunicarse y saber del estado de sus familiares residentes en Chile.

Consulado General en Santiago: 00-562-873-7107

Teléfono de emergencia: 00-569-7848260 (celular)

Consulado General en Iquique: 00-5657-411466 / 00-5657-413351

Teléfono de emergencia: 00-569-99394507 (celular)

Consulado en Valparaíso: 00-5632-221 1561 / 00-5632-225 3403

Teléfono de emergencia: 00-569-99020836 (celular)

Consulado General en Arica: 00-5658-231020 / 00-5658-255048

Teléfono de emergencia: 0056-87690695 (celular)

Además la Cancillería ha establecido atención durante este fin de semana para cualquier consulta de emergencia. Estos son los teléfonos de la Oficina de Asistencia al Nacional: 204-3279, 204-3280; y a la central 204-2400"

23 febrero 2010

Corto animado Logorama al Oscar 2010

logorama
Algo breve:
Dura 17 minutos, fue realizado por el estudio Francés H5 y está postulando al Oscar de este año a la categoría de ¡mejor animación!
Ver ficha técnica.
Web de Logorama - en estos momentos no te recomiendo ingresar porque demora demasiado -
A ver si puedes reconocer los 2500 logotipos que aparecen.

11 febrero 2010

Blog Zapping: Procesando Bytes

Es increíble y típico al mismo tiempo; he colocado aquí comentarios sobre otros blogs y he animado a algunos familiares y amigos a tener uno pero no he ayudado a difundirlos ni incentivarlos si lo han hecho, pero vamos a corregir eso en este momento...

Como no podría ser de otra manera, el primer blog del que hablaré es el de mi amada esposa, el blog se llama: Procesando Bytes. (Click en la imagen para ampliar)

Como ella es docente, la información que aquí encuentran es sobre sus clases de fundamentos de programación, procesamiento de datos, redes, etc...

Lugar útil para quien quiera aprender y/o para docentes docentes que deseen conocer algo más de la especialidad de informática en el campo educativo. La dirección es: http://procesandobytes.blogspot.com/

Hasta una próxima... ¡Bytes!

03 febrero 2010

Norman Rockwell en el logo de Google

No suelo postear sobre los Doodle de Google, pero esta vez sí ya que se trata del aniversario del nacimiento del gran artista Norman Rockwell.

No soy experto ni crítico de arte, tan solo veo lo que me agrada e impresiona y cuando Feni (un amigo que me enseñó sobre la persistencia) nos mostró el libro sobre Norman Rockwell, todos (del equipo de Mecahín en aquel entonces) quedamos boquiabiertos al ver el increíble manejo de expresiones faciales del maestro Rockwell, los colores, texturas, dibujo, etc... incluso recuerdo a ver visto una ilustración de Rockwell para un anuncio de Coca Cola <-- Definitivamente ese libro es una de mis compras pendientes desde hace mucho.
Norman-Rockwell

Me trae gratísimos recuerdos volver a ver, aunque sea accidentalmente, los trabajos de este señor que marcó a generaciones con su estilo.
Norman-Rockwell-2

Para quienes no lo conoscan dejo algunos enlaces:
Wikipedia: Norman Rockwell
Norman Rockwell Museum
Norman Rockwell Licencia