El esfuerzo siempre debe merecer una recompensa y desde After-Hours esta es nuestra forma de reconocer el gran trabajo que realizan muchos de nuestros miembros del foro.

Titulado Balazos de cañón, TheOm3ga en un gran post, nos ilustra sobre la cinemática, ¿heee?, ¿eso que es?, dejemos que sea el mismo quien lo explique:

Buenas!

Hace poco estuve informándome un poco sobre movimientos y cinemática para hacer un juego de cañoncitos, así que he estado haciendo un par de pruebas y llevándolo a Flash. Os explico un poco lo que he descubierto, ahí van una clase de cinemática express:

La cinemática nos sirve pa estudiar el movimiento y todo eso, pasamos.

Antes de nada, tenemos que comprender qué es un vector. Un vector …

Muy buena colección de efectos y experimentos realizados por Jim Bumgardner con código fuente disponible para bajar.

KeyWords
loadMovie, lineStyle(), moveTo(), lineTo()
En el foro se plantea lo siguiente:

Estoy haciendo una web para la que me han pasado un montón de fotos con un marquito que rodea a cada foto de 1 pixel. El problema es que al cargar las fotos en un contenedor, el marco lo “suaviza” y en dos lados no muestra el marco y en los otros dos lo muestra más grueso.

Sé que en la bibliteca se puede controlar esto deshabilitando la opcion “Permitir Suavizado” pero aquí al ser una carga externa…

La única solución que se me ocurre es generar para cada imagen un swf en el que haya deshabilitado en la imagen la opcion de suavizado y en vez de cargar el jpg, cargar …

Dificultad

Keywords
setInterval(), clearInterval(), setMask() , TextFormat(), updateAfterEvent(), createEmptyMovieClip(), hitTest()

News Ticker

Objetos
label_mc (para entender la utilidad de este clip, leer tutorial Clips contenedores con etiquetasnewsTicker_mc Clip de película vacioticker_mc Clip de película que contiene un textField con nombre de instancia ‘texto’. Este clip de película, tiene que estar vinculado en la bibiloteca.Tambien se utiliza una fuente embedida. Para saber más acerca de este tema, ver tutorial EmbedFonts con texto dinámicoPor último, una imagen PNG, para crear el efecto de degradado en los extremos del Ticker

Código

Prototipo que dibuja un rectángulo, como veremos más adelante, este es utilizado para crear una máscara.
MovieClip.prototype.dibujar_rectangulo = function(pos_x, pos_y, ancho, …

keywords
SharedObject(), SharedObject.getLocal(), my_so.data, my_so.flush()

Dificultad

En este tutorial, presento dos formas de crear un menú de selección de idioma, usando SharedObject y System.capabilities.language.

sharedObject
Como sabrás, al igual que con JavaScript se pueden almacenar variables en coockies, con actionScript disponemos del objeto sharedObject que puede almacenar datos en nuestro disco duro crando un archivo de texto con la extensión .sol.

En este caso, usaremos sharedObject para almacenar en el disco duro un valor que forzará a que una página web se abra en el idioma que el usuario seleccionó la última vez.

System.capabilities.language

La propiedad language de la clase System.capabilities será la que determine el lenguaje por defecto la primera vez que el usuario visita el sitio.

Por ejemplo si escribes en un …

Con esta función, evitamos que el sonido se ‘dispare’ de repente, creando un efecto fade al iniciar o finalizar un loop.

Parámetros
soundObj: objeto sonido
startLevel: volumen inicial
maxLevel: volumen máximo
inc: incremento

setVolumen = function (soundObj, startLevel, maxLevel, inc) {
soundObj.setVolume(startLevel);
this.createEmptyMovieClip("loopSound", this.getNextHighestDepth());
startLevel<maxLevel ? vol=inc : vol=-inc;
this.loopSound.onEnterFrame = function() {
startLevel += vol;
soundObj.setVolume(startLevel);
if (soundObj.getVolume() == maxLevel) {
delete loopSound.onEnterFrame;
}
};
};

Uso
Se crea el objeto Sound()

musica_ambiente = new Sound(this);
musica_ambiente.attachSound("ambience");

Como iniciar sonido

musica_ambiente.setVolume(0);
musica_ambiente.start(0, 9999);
setVolumen(musica_ambiente, 1, 100,1);

Como desactivar

setVolumen(musica_ambiente, musica_ambiente.getVolume(), 0, 1);

Como reactivar

setVolumen(musica_ambiente, musica_ambiente.getVolume(), 100, 1);

Nota
El archivo de sonido, debe ser vinvulado desde la biblioteca para actionScript, para ver como vincular un objeto sonido ver Objeto Sound - Básico

Las estadí sticas pueden ser muy útiles, no solo para conocer el número y procedencia de las visitas, pero donde yo les encuentro realmente interesantes es en el modo en que ayudan a saber que busca el usuario y en consecuencia ofrecer contenidos acordes con sus necesidades.

Galileo nos muestra un práctico script para crear un preloader dinamicamente.

function preloader() {
barWidth = 250; // ancho de la barra
barHeight = 5; // alto de la barra
startX = 100 // posición del cargador
startY = 200 //
…

Tomando como referencia el sitio www.iolandastor.com de la diseñadora Iolanda Castor (visita recomendada), he hecho un ejercicio para aprender a trabajar con el objeto color de flash, para conseguir el efecto deseado, utilizo los métodos getTransform() y setTransform().

Básicamente, la aplicación se compone de una imagen de fondo y un clip de película que creo con la propia imagen. Si quieres seguir el ejercicio, puedes descargarte los archivos de ejemplo, la carpeta contiene: el .fla terminado y la imagen utilizada como fondo, te recomiendo que descargues los archivos y a partir del JPG empieces la película desde el inicio..

Abre un nuevo documento y modifica las propiedades ancho:400 alto:400
Importa el archivo de imagen que has descargado ‘imagen.jpg’
Crea una nueva capa …

Este script carga películas SWF o imágenes JPG de forma rotativa cada intervalo de tiempo definido por una variable. Para hacerlo más atractivo, he añadido un efecto de fundido.
// – la variable tiempo, controla la frecuencia
// – con que se sucede el cambio de imagen
tiempo = 5;
// – función que se encarga de crear un efecto de fundido
// – entre la imagen saliente y entrante
transparencia = function (velocidad, actual, siguiente) {
// activo la pelicula siguiente
siguiente._visible = true;
this.onEnterFrame = function() {
if …

Clases particulares por expertos, artí culos técnicos, revisiones, Dreamweaver, flash, Fireworks, FreeHand, ColdFusion, Director, y más.

Macromedia anuncia la suscripción gratuita a una revista para desarrolladores MX por un tiempo limitado , requisito indispensable, comprar uno de los siguientes productos (nadie da nada gratis)

Macromedia Dreamweaver MX 2004
Fireworks MX 2004
Flash MX 2004
Flash Professional MX 2004
Studio MX 2004
Studio MX 2004 with Flash Professional
DevNet Professional

Nota:
Para disfrutar de esta oferta debes tener la prueba de que la compra de tu producto se hizo entre los dí as del 15 de Enero al 22 Marzo de 2004.

Más información aquí .

Este fla te resultará bastante útil para hacer scrolls con imágenes o textos, resumiéndolo de una manera sencilla, lo que he hecho, es crear un clip de pelí cula que contiene la imágen o el texto hara hacer el scroll, he usado el método getBounds para definir el área donde se permite el scroll y hitTest para comprobar si el cursor se encuentra sobre la zona scrollable; también he creado un clip de pelí cula que enmascara la animación, de modo que permita texto dinámico.

Los elementos necesarios para la realización del fla son:

1. un clip de pelí cula contenedor ‘mc_miclip’ donde attachamos las imágenes o textos.
2. un clip de pelí cula para controlar la zona scrollable ‘mc_zona’
3. un clip de …

Para conseguir este efecto, he utilizado un clip de pelí cula( mc_campoTexto) con dos capas:

capa textfield: un campo de introducción texto
capa bakground: un clip de pelí cula que dibuja el bakground mc_bakground

He pegado dos instancias de este clip de pelí cula en el escenario y las he instanciado como: mc_campoTexto1, mc_campoTexto2

// – prototype alfa
// – toni lopez
// – www.after-hours.org/blog

MovieClip.prototype.alfa = function(transpariencia) {
this.transpariencia= transpariencia;
this.onEnterFrame = function() {
// final del bucle
…

Sitio del mes en MDM (Flash Studio Pro).

Todaví a no tengo claro si es una broma o una disparatada idea de negocio. Prometen que nunca volverás a odiar tu despertador

Merece la pena visitar este sitio que muestra su producto haciendo alarde de un gran sentido del humor , visitar.

// – prototype escalar (
// – descripción : escala un clip de pelí cula proporcionalmente
// – argumentos : escala, vel
// – tonilopez - After-Hours
//
MovieClip.prototype.escalar = function(escala, vel) {
// no se ha definido escala
if (escala == undefined) {
return;
}
this.escala = escala;
// si se recibe argumento vel, aplicar, si no por defecto 3
if (vel == undefined) {
…

Uno de los detalles que he visto descuidados a menudo en formularios flash, es la falta de validación del campo e-mail, realmente puede llegar a ser tedioso, he construido el prototypo isMail para hacer esta tarea más sencilla.

//
// – isMail // tonilopez//
//
String.prototype.isMail = function() {
if (this.indexOf("@")>0 && this.indexOf("@") == this.lastIndexOf("@")) {
if (this.lastIndexOf(".")>this.indexOf("@")+1 && this.lastIndexOf(".")<this.length-2) {
return true;
…

He rescatado del baul de los recuerdos este script, adaptándolo para MX

El famoso preloader que muestra los siguientes datos:

Gracias a todo el equipo de flashla por añadirme a su lector de RSS. Entre todos me estais hechando un buen cable.

Por cierto ¿habeis visto que galán se ve a Kada en el dia de su boda? .

Felicidades Kada!