Abarca todo lo básico y hasta un poco más que eso en tan solo 5 días, realmente va al punto y aprenderás lo necesario con excelentes ejemplos.

Hasta el momento han publicado hasta el día 3; desde hace un par de semanas que lo encontré y no se ha movido de ahí, esperemos que muy pronto la gente de Adobe continúe con día 4 y 5, pero a mi me parece que con lo que hay hasta ahorita está más que bueno.

Espero les sea de ayuda¡ Aquí le dejo la primera lección.

Esta noticia no es tan nueva, recuerdo que el mes de marzo pasado en el Flex Camp en Costa Rica habían hablado sobre las licencias gratis de Flex Builder 3 para todos aquellos que somos estudiantes.

Decidí compartirles esto después de haber hablado con un par de amigos que aún no lo sabían.

Obtener la licencia es fácil, debes registrarte en el siguente link y además adjuntar un escaneo de tu identificación de estudiante.

Hace unos 8 meses atrás mi conocimiento en Actionscript era casi que básico…siempre me ha gustado el código, pero por un sin fin de razones no dedicaba tiempo para aprender cosas nuevas.

Un día quise comprar otro libro de Flash, pero esta vez me propuse leerlo (normalmente los compraba y no los leía). Busqué en Amazon y el libro que más llamó mi atención fue Foundation Actionscript Animation, entonces compré la versión para Actionscript 2.0 que era lo que “sabía usar” en ese momento.

El día que comencé a leer este libro, vino a marcar el inicio del estudio obsesivo que hecho en Actionscript. Todo el conocimiento que he adquirido gracias al libro, al tiempo dedicado y a mi disposición me han motivado a seguir adelante y proponerme estar constantemente actualizado.

Ahora estoy ayudando a impartir un curso de animación a través de Actionscript en el lugar donde trabajo, estudiando Actionscript 3 y Flex.

Esto de desarrollar creo que es para mí

package
{
	import flash.display.Sprite;
	import flash.events.Event;
 
	public class Follower extends Sprite
	{
		private var dx:Number;
		private var dy:Number;
		private var angle:Number;
 
		public function Follower()
		{
			this.x = stage.stageWidth/ 2;
			this.y = stage.stageHeight / 2;
			addEventListener(Event.ENTER_FRAME, update);
		}
		private function update(event:Event):void
		{
			dx = stage.mouseX - this.x;
			dy = stage.mouseY - this.y;
			angle = Math.atan2(dy, dx);
			this.rotation = angle * 180 / Math.PI;
		}
	}
 
}

Lo primero es encontrar el ángulo de rotación.

El gráfico anterior muestra la solución al problema: mediante la fórmula Math.atan2 que recibe el cateto adyacente y el cateto opuesto y retorna el ángulo de rotación en radianes.

La propiedad rotation utiliza grados, por lo que utilizamos angle*180/Math.PI para convertir de radianes a grados.

En el momento lo que le pensé era que podía usar Joomla e instalarle una extensión de e-commerce, pero como nunca lo he hecho no le pude recomendar alguna en especial

Hoy me dí a la tarea de buscar una solución práctica a este problema. Encontré un par de soluciones muy buenas:

Magneto es un sistema OpenSource que brinda flexibilidad y control sobre los skins, el contenido y la funcionabilidad de una tienda online. Una vez que leí sus características me pareció imposible que su descarga fuese gratuita!

• Se maneja desde un panel control o dashboard,  fácil de usar y actualizar.
• Tiene muchas opciones para crear cupones de ofertas
• Multilenguaje y multimoneda
• 100% amigable con los buscadores
• One-Page Checkout
• Multi-direcciones de entrega
• Soporte para el Iphone
• Entre muchas más

Me gusta mucho que cuente con una base de conocimiento muy completa y videotutoriales que ayudan a realizar paso a paso diferentes tareas para la administración de la tienda.

Si quiere evitar dolores de cabeza puede pagar $149 para que un profesional instale su tienda. Lo que no me gusta es que si necesita soporte técnico hay que pagar como mínimo un plan de $500…he aquí el negocio, pero es solamente un plus, si usted desea no lo tiene que pagar. Además opino que si de tiendas online se trata sería mejor gastar dinero en soporte, a no ser que usted cuente con el conocimiento y capacidad para poder darle mantinimiento.

En la otra esquina tenemos a ZenCart. También es un sistema OpenSource, me gusta mucho por que su mayor enfoque es hacia los vendedores, así que debe ser muy sencillo de usar.

Es un producto gratuito bajo licencia GPL. Algunas características son:

• Fácil instalación
• Sistema de plantillas XHTML
• Control de banners publicitarios
• Administración de corres electrónicos
• Cupones y certificados de regalo
• Diferentes formas de tipo de pago
• Diferentes tipos de moneda

Otro punto a favor es que muchos hosting hacen preinstalación desde su panel de control y cuenta con un wiki muy completo.

En youtube encontré un video tutorial sobre como instalar una plantilla en ZenCart.

A mi parecer los dos sistemas están muy comparados, con características muy similares.

Si tienes una mejor opción dejame un comentario, quiero saber sus opiniones.

En Adobe Labs encuentro una maravillosa noticia: están trabajando en un nuevo producto que hará fácil la labor de los diseñadores, se llama “Thermo” y nos ayudará a crear interfaces gráficas para Rich Internet Applications.

Entre las funciones de Thermo están:

• Crear nuestros skins desde Phothoshop, Illustrator o Fireworks.
• Definir comportamientos sencillos, como qué sucederá la hacer click sin necesidad de tocar el código.
• Se podrá hacer testing de la interface sin necesidad de tener el código y datos finales.

Espero que pronto se pueda tener acceso a la versión beta. Les aseguro que le estaré siguiéndole el rastro y cuando tenga nuevas noticias les estaré informando.

Hoy, navegando por ahí, me doy cuenta que existe el Festival de Juegos Independientes y el juego ganador de este año 2008 me ha dejado sin palabras.

El juego ganador del gran premio se llama Crayon Physics Deluxe y es desarrollado por Kloonigames. Es un juego 2D que permite experimentar como nuestros dibujos se comportarían si fuesen objetos físicos reales.

Les dejo un video para que vean que real son los movimientos¡

Me declaro un mal gamer, siempre pruebo un juego por un rato y lo dejo de lado…pero este juego me ha enganchado y no puedo parar de jugarlo.

También pueden descargarlo del siguiente link:
crayon.zip

En Flash normalmente estamos acostumbrados a manejar movimientos mediante la línea de tiempo, pero el objetivo de este tutorial es aprender a manejar los conceptos básicos de una animación a través de Actionscript.

Primero un poco de teoría: la propiedad que se encarga de mover un cuerpo en relación a una medida de tiempo se llama velocidad. También vale la pena destacar que la velocidad es un vector, por lo que cuenta con una magnitud y una dirección, por lo que se puede graficar como una flecha. La magnitud sería la rapidez y la dirección es el ángulo de rotación hacia donde se dirige la flecha.

Flash utiliza un eje cartesiano para posicionamiento de objetos (imágenes, sprites, movieclips, etc.) por lo tanto necesitaremos una velocidad para el eje X y una velocidad para el eje Y.

La forma de mover un cuerpo será así:

ball.x += xVelocity;
ball.y += yVelocity;

Eso se debe ejecutar por cada unidad de tiempo, en nuestro caso, por cada nuevo frame entrante.

Iniciemos con la práctica. Vamos a hacer lo siguiente:

1. Crear una clase Ball o Particle o el nombre que usted guste…recuerde que los nombre de clase se escriben en mayúscula.
2. Crear la propiedades de nuestra clase, entre ellas las más importantes de denotar son la velocidad en X y la velocidad en Y.
3. Crearemos un metodo update( ) que se encargará de dar las instrucciones a nuestra partícula para que se mueva.
4. Vamos a conectar un movieclip a nuestra clase.

Vamos paso a paso…

Paso 1. Creación de la clase

package{	import flash.display.MovieClip;	import flash.events.Event;
 
	public class Particle extends MovieClip	{		//Aqui van las propiedades		public function Particle()		{			//Esto se llama constructor		}		public function update():void		{			//Aquí va el código que realiza el movimiento		}	}}

Paso 2 y 3.  Declarar propiedades y el metodo para el movimiento

package{	import flash.display.MovieClip;	import flash.events.Event;
 
	public class Particle extends MovieClip	{		private var xVelocity:Number;		private var yVelocity:Number;
 
		public function Particle()		{			xVelocity = 3;			yVelocity = 3;			addEventListener(Event.ENTER_FRAME, update);
 
		}		public function update(event:Event):void		{			this.x += xVelocity;			this.y += yVelocity;		}	}
 
}

Como ven también creamos un Listener que escuche el evento EnterFrame de la misma clase.

Paso 4. Conectar el movieclip a nuestra clase.

Click derecho sobre el movieclip de la librería y luego un click en Linkage Properties y en el nombre de la clase quitamos el que viene y ponemos el nombre de nuestra clase.

La aceleración

La aceleración es la magnitud que aumenta o disminuye la velocidad de un móvil en función del tiempo. En términos de Actionscript podríamos decir que la aceleración es la fuerza que cambia la velocidad.

Hasta este momento hemos utilizado una xVelocity y yVelocity igual a 3, pero no siempre la velocidad es constante. La velocidad inicial de los móviles es siempre igual a 0 y la aceleración se encarga de aumentar o decrementarla.

Veámos el siguiente ejemplo:

package{	import flash.display.MovieClip;	import flash.events.Event;
 
	public class Particle extends MovieClip	{		private var xVelocity:Number;		private var yVelocity:Number;		private var xAcceleration:Number;		private var yAcceleration:Number;
 
		public function Particle()		{			xVelocity = 0;			yVelocity = 0;			xAcceleration = 0.2;			yAcceleration = 0.2;			addEventListener(Event.ENTER_FRAME, update);
 
		}		public function update(event:Event):void		{			xVelocity += xAcceleration;			yVelocity += yAcceleration;			this.x += xVelocity;			this.y += yVelocity;
 
		}	}
 
}

La gravedad

Es la fuerza de atracción que experimentan entre sí dos cuerpos con masa. Este concepto corresponde a lo que nosotros conocemos como peso, ya que es la fuerza que ejerce la tierra sobre los objetos.

En Actionscript para definir la gravedad se sumará una fuerza o cantidad en la coordenada “y” por cada frame. Se recomienda usar una gravedad como 0.5 o menor, de lo contrario se sentirían los cuerpos muy pesados.

package{	import flash.display.MovieClip;	import flash.events.Event;
 
	public class Particle extends MovieClip	{		private var xVelocity:Number;		private var yVelocity:Number;		private var xAcceleration:Number;		private var yAcceleration:Number;		private var grav:Number;
 
		public function Particle()		{			xVelocity = 0;			yVelocity = 0;			xAcceleration = 0.2;			yAcceleration = 0.2;			grav = 0.1;			addEventListener(Event.ENTER_FRAME, update);
 
		}		public function update(event:Event):void		{			xVelocity += xAcceleration;			yVelocity += yAcceleration;			yVelocity += 0.3;			this.x += xVelocity;			this.y += yVelocity;
 
		}	}
 
}

Velocidad Extendida

La forma como se trabaja la velocidad, aceleración y gravedad es muy similar, se suma o disminuye cierta cantidad por cada frame, pero este concepto se puede aplicar a otras propiedades de los movieclips como la rotación, el apha y la escala.

package{	import flash.display.MovieClip;	import flash.events.Event;
 
	public class Particle extends MovieClip	{		private var xVelocity:Number;		private var yVelocity:Number;		private var xAcceleration:Number;		private var yAcceleration:Number;		private var grav:Number;		private var rot:Number;
 
		public function Particle()		{			rot = 10;			xVelocity = 0;			yVelocity = 0;			xAcceleration = 0.2;			yAcceleration = 0.2;			grav = 0.1;			addEventListener(Event.ENTER_FRAME, update);
 
		}		public function update(event:Event):void		{			xVelocity += xAcceleration;			yVelocity += yAcceleration;			yVelocity += 0.3;			this.x += xVelocity;			this.y += yVelocity;			this.rotation += rot;
 
		}		public function reset():void		{			xVelocity = 0;			yVelocity = 0;			xAcceleration = 0.2;			yAcceleration = 0.2;		}	}
 
}