Colisiones y motores de física en Action Script

En la vida de un desarrollador flash lo normal es encontrarse con algún proyecto que implica el manejo de propiedades fisicas, como colisiones, escalados, fuerzas, traslaciones, rotaciones… En muchas ocasiones los efectos son sencillos y no es demasiado complicado crear un sistema realista y funcional, pero otras esto no basta.

Somos programadores y no tenemos por qué tener un grado de conocimiento de matemáticas muy elevado (aunque para bien o para mal nuestro mundo gira totalmente entorno a la geometría y trigonometría), así que nunca viene mal tener un aliado de ese lado, en mi caso tengo la suerte de tener un hermano físico, que muchas veces me ha sacado de un apuro, por un signo incorrecto, una interpretación del problema no adecuada… pero no es plan de abusar de la familia.

Seguir leyendo…

#007 ActionScript [Q] Tips: color aleatorio

Este tip ya lo solté por twitter, pero la verdad que como no quiero que pase otro viernes sin daros vuestra ración (que luego me venís con hambre y esas cosas…) pues creo que no viene mal como ejemplo de ultratip.

Resulta que haciendo un tema para una cabecera en el que necesitaba generar unos colores aleatorios se me cruzó la feliz idea de pensar en meterle un random al mayor de los hexadecimales… porque con un poco de suerte las conversiones implicitas que se hicieran en el proceso, podrían cuadrar. Y efectivamente cuadraron, con lo que no se me ocurre mejor manera de sacar un color random que esta:

var colorAleatorio:Number = Math.random() * 0xFFFFFF;

trace('Color decimal: '+colorAleatorio.toString());
trace('Color hexadecimal: 0x'+colorAleatorio.toString(16));

var circulo:Shape = new Shape();
circulo.graphics.beginFill(colorAleatorio, 80);
circulo.graphics.drawCircle(100, 100, 50);
circulo.graphics.endFill();
addChild(circulo);

Espero que os guste, no sirve para casi nada, pero ahi queda. Además este post tiene doble mérito, es el primero desde mi nuevo Mac Book Pro, con el cual espero poder empezar a dar la lata en breve sobre mis experiencias con Objective-C, Cococha Cocoa y desarrollo para iPhone.

Comenzando con HTML5

Cada vez está más de moda el tema de HTML5, sobre todo desde la presentación de Google wave a mediados del mes de Mayo.

Para todos aquellos que no lo sepais, HTML5 es la nueva versión del lenguaje HTML (aunque todavía no está del todo finalizada).

Incorpora nuevos elementos con un valor más semántico para favorecer la estructuración de las páginas como facilitar la tarea de los buscadores para encontrar la información solicitada.

Seguir leyendo…

Ejemplos AS3 Adobe Devnet para Flash CS4

De vez en cuando no viene mal un poco de material formativo como éste que os presentamos, que viene de la mano de Adobe, y que en su conjunto es un buen recurso para conocer algunas de las partes de nuestro querido AS3.

Un buen puñado de ejemplos y recursos que tocan temas variados como gestión de coordenadas, API de dibujo, anidamiento de movieclips, trabajo con 3D carga de contenidos multimedia, interactividad, e incluso un par de jueguecillos de ejemplo.

Como complemento os dejamos también este link al trabajo con animación en Flash que también nos viene de la mano de Adobe. Material muy interesante y completo para ampliar conocimientos.

Que los disfrutéis!

CSS3 :: Font-face

Hay en ocasiones que estamos desarrollando webs en XHTML y nos encontramos en el diseño con tipografías que no tendrá la mayoría de los usuarios por lo que no podrán tener una correcta visualización de la página. Por lo que hasta ahora nos quedaban dos soluciones:

  • Uso de imágenes de fondo en el elemento que contiene la tipografía.
  • Algún método alternativo como el SIFR

Ahora en CSS3 tenemos la etiqueta font-face que permite usar una tipografía ubicada en el servidor.
La sintaxis de uso es la siguiente:

@font-face {
  font-family:NOMBRE_TIPOGRAFIA;
  src: url(RUTA_TIPOGRAFIA);
}

A partir de ese momento ya se puede usar en el CSS.

La verdad que me parece un gran paso. Ahora a buscar soluciones para versiones de navegadores antiguas que no lo soporten :). Os dejo un ejemplo para que veais como queda (se debe de probar en navegadores que ya lo soporten como puede ser a partir de la versión 3.1 de Firefox o safari 3.1) Prueba de font-face

JQuery para principiantes

Aquí os dejo unos video tutoriales para todos aquellos que no sepais jQuery y que esteis interesados en aprender. Son 15 video tutoriales de una duración aproximada de 10 minutos cada uno donde enseña ejemplos prácticos de uso de jquery.

La pega es que está en inglés. Aunque se entiende muy bien. Es muy fácil seguir el hilo si se tiene un nivel medio de inglés. Espero que os sirva.

#006 ActionScript [Q] Tips: contains()

Este tip es muy directo ya que simplemente comentaré uno de los métodos que obtienen todos las clases que extienden de DisplayObjectContainer, ya sean propias o las consabidas Stage, Sprite, Loader y MovieClip.

En realidad lo interesante de esta función es que no solamente funciona para descendientes directos en la jerarquia de la Display List, sino que busca el resultado en todos los descendientes. Veamos un ejemplo:

Seguir leyendo…

#005 ActionScript [Q] Tips: Singleton en AS3

Para los que trabajábamos con clases en AS2, no era raro emplear un Singleton para alguna de ellas, con le objetivo de tener una clase general para toda la aplicación con la capacidad de acceder a ella desde cualquier punto de manera limpia. Con AS2 podíamos declarar constructores privados y dejar un código tal que así:

Seguir leyendo…

#004 ActionScript [Q] Tips: reemplazar elementos de un array

Muchas veces veo como para realizar determinadas operaciones con arrays la gente emplea operaciones de intercambio, recorrido, etc. y no analiza a fondo las posibilidades que nos dan a veces los métodos de la clase Array.

En esta ocasión lo que veremos es cómo realizar inserciones en una posición dada, o intercambios de elementos. Para ello el método splice de la clase Array nos da unas cuantas posibilidades, ya que nos permite eliminar, añadir elementos a partir de una posición dada, intercambiar un elemento existente por otro nuevo, o incluso eliminar un grupo y poner en su lugar otro.

Seguir leyendo…

Recursos desarrollo de juegos en flash

Navengado por la web…. cosa que hago muy a menudo y que recomiendo, tanto si es una navegación orientada con un objetivo de búsqueda de información, como dejarse llevar de un link a otro, muchas veces de rebote acabas dando con sitios interesantes que de otra manera quizás google no te hubiera mostrado.

Así dí con éste portal totalmente orientado al desarrollo de juegos en flash, cosa que sabéis que nos encanta y que ya hemos perpetrado en unas cuantas ocasiones (siempre que nos dan oportunidad y nos dejan).

En él podrás encontrar recursos no solo a nivel de código, sino conceptuales y gráficos, como técnicas para diferentes efectos habituales en el desarrollo de juegos, animación de elementos o personajes, etc. Vamos que cubren unos cuantos áreas, y no viven solo de código, que también. Podrás encontrar consejos, inspiración y tutoriales entre otras cosas.

Recursito «pa la saca», y como creo que no lo mencioné aquí antes, otro totalmente indispensable, rey por excelencia de este tipo de información para flash: GOTOANDPLAY con su arsenal de artículos super currados, de los creadores del buenísimo SmartFoxServer.

Y porque también nos gusta jugar… unos links pa echar unos vicios: