Google Web after-hours

Archivo para Julio, 2004

www.musicPlasma.com

Viernes, Julio 30th, 2004

www.musicplasma.com

Flash MX 2004 - scrollPane II (preloader contenido)

Jueves, Julio 29th, 2004

Consultando la ayuda de flash para el componente scrollPane, he ideado un sistema que permite mostrar información relativa al estado de carga del objeto que se visualizará en el componente. Desafortunadamente, este sistema no funciona correctamente en navegadores IE para Windows (Nota explicativa, listado OS y navegadores válidos al final del tutorial)

// – creo una instancia de los componentes scrollPane y button
createClassObject(mx.controls.Button, “load_btn", this.getNextHighestDepth());
createClassObject(mx.containers.ScrollPane, “miScrollPane", this.getNextHighestDepth());
// – cuestión de estética, mejor el azul :)
_global.style.setStyle("themeColor", “haloBlue");
// – formato para campo de texto (muestra estado de la precarga)
formato = new TextFormat();
formato.font
= “verdana";
formato.size = 10;
// – propiedades de los componentes
with (miScrollPane) {
depthChild0._visible = false;
move(25, 25);
setSize(300, 200);
}
with (load_btn) {
label = “Load";
move(120, 240);
}
// – objetos listener
loadListener = new Object();
btnListener = new Object();
// – …

Lo nuevo en Flash MX 2004 7.2

Miercoles, Julio 28th, 2004

de momento, ya sabemos que solo está disponible la versión en Inglés (siempre puedes hacer una reinstalación en Inglés), Paul Newman www.communitymx.com (en mi opinión los mejores tutoriales en la red) a escrito un artí culo donde se detallan los siguientes puntos:

Instalación de Flash MX 2004 7.2 Updater

Slide panel

Miercoles, Julio 28th, 2004

Descargar .fla »

Nuevo blog

Miercoles, Julio 28th, 2004

Nuestro compañero Paul “Vicho” a abierto su propio blog (aún en pruebas), donde escribirá sus ‘cosillas’ y buenos tutoriales enfocados al diseño web.

Suerte Paul!

http://www.vichitex.com/blog

Testing preloaders en local

Miercoles, Julio 28th, 2004

Este truco, es tan viejo como flash, pero ayer me sorprendió saber que hay quien no lo conoce, por tanto creo que puede ser útil para quien se inicie con flash.

Cuando creamos preloaders para nuestras páginas, nos encontramos con la frustración de no ver como actua en el entorno local, es decir, nos vemos obligados a subir los swf al servidor.

El truco: desde flash, pulsa la combinación de teclas Ctrl+Intro dos veces consecutivas y comprobarás como el preloader es visible. Lo interesante, es que si tenemos un sitio que carga diferentes pelí culas, mostrará todos los preloaders existentes (solo para flash MX 2004).

Ejemplo
Una página principal (con preloader) consta de un menú de 4 botones que cargan respectivamente una nueva …

Macromedia Flash MX 2004 Update

Martes, Julio 27th, 2004

Version 7.2 para Macromedia Flash MX 2004 y Flash MX Professional 2004 disponible.

http://www.macromedia.com/software/flash/special/7_2updater/

Flash Mx 2004 - scrollPane component

Domingo, Julio 25th, 2004

Puedes utilizar un panel de desplazamiento (ScrollPane ) para mostrar cualquier contenido que sea más grande que el área en la que se ha cargado. Por ejemplo, una imagen grande que debe mostrarse en un espacio reducido de una aplicación.

El componente ScrollPane muestra clips de pelí cula, archivos JPG y archivos SWF en un área desplazable. Se pueden activar barras de desplazamiento para que muestren imágenes en un área limitada. También es posible mostrar el contenido que se carga desde una ubicación local o a través de Internet. El uso de ActionScript permite definir el contenido del panel de desplazamiento durante la edición y en tiempo de ejecución.

Ejemplo

Veremos tres formas diferentes de utilizar e componente, aunque todas tendrán una cosa …

neave.com

Sabado, Julio 24th, 2004

www.neave.com

Detectar movimiento del cursor

Miercoles, Julio 21st, 2004

quietor = function () {
// – si la posición del mouse es igual a la de la anterior vez …
if (_root._xmouse == x && _root._ymouse == y) {
trace("parado");
}
// –
x = _root._xmouse;
y = _root._ymouse;
};
// –
var x = _root._xmouse;
var y = _root._ymouse;
var t = 1;
// – la función quietor se ejecuta cada t segundos
idInterval = setInterval(quietor, t*1000);

// – para detener

clearInterval(idInterval)

prototype load_with_fade

Miercoles, Julio 21st, 2004

* prototipo load_with_fade
* carga JPG o SWF con transición desde _alpha 0 a 100
* la imagen no inicia ta transición hasta no estar completamente cargada
* @param ruta (ruta/arhivo)

MovieClip.prototype.CargarImg = function(ruta) {
var obj = this;
var mi_level = this._parent.getNextHighestDepth();
obj.loadMovie(ruta);
obj.onEnterFrame = function() {
if (obj.getBytesLoaded() == obj.getBytesTotal()) {
delete obj.onEnterFrame;
}
this._parent.createEmptyMovieClip("loop", mi_level);
obj._alpha = 0;
this._parent.loop.onEnterFrame = function() {
obj._alpha += 1;
if (obj._alpha>=100) {
delete this._parent.loop.onEnterFrame;
}
};
};
};

// – ejemplo de uso

this.createEmptyMovieClip("cargador", this.getNextHighestDepth());
this.cargador._x = 100;
this.cargador._y = 100;
this.cargador.CargarImg("img01.jpg");

site06.com

Martes, Julio 20th, 2004

James Dvorak’s portfolio site

Processing - Referencia en Español.

Lunes, Julio 19th, 2004

Desde hoy, está disponible la versión en español para processing, traducción de Pedro Alpera robotUA.

Procesing es un entorno y lenguaje de programación open source construido para el arte electrónicos y las comunidades visuales del diseño. Fue creado para enseñar los fundamentales de la programación de computadoras dentro de un contexto visual y para servir como sketchbook del software.

Sitio oficial:
http://processing.org/

Cargar archivos evitando cache

Domingo, Julio 18th, 2004

Habrás oido hablar de la memoria cache, pero �que es en realidad?, como actua, como nos afecta y como evitarla.

Objetivos

Reducir el tiempo de acceso promedio a la memoria.Reducir el ancho de banda entre memoria principal y procesador.

Como actúa

Cuando escribimos un URL en el navegador, la dirección generada por el procesador es comparada con los datos almacenados en la cache, si el dato está presente (la dirección fué visitada y almacenada), el procesador lo lee desde la cache, si el dato no está presente (no se visitó, o bien se limpió la cache), se transfiere desde la memoria principal a la cache.

Como evitarla

Dependiendo del navegador:

IE:
Herramientas>Opciones de Internet>Borrar Archivos>AceptarCtrl+F5
Mozilla:
Si tienes instalada la extensión Web Developer:

Miscellaneus>Clear Cache

Por que evitarla?

En principio, …

Flash MX - Scrolling Text con OnMouseWheel

Sabado, Julio 17th, 2004

Scrolling Flash with OnMouseWheel

Un script para Flash MX que permite hacer scroll a textos con la rueda del ratón. (Solo para Flash MX, Flash MX 2K4 incorpora la propiedad mouseWheelEnabled para el obketo textField.

Tutorial, código fuente y archivos de ejemplo en:
http://www.mustardlab.com/developer/flash/mousewheel

MovieClipLoader Class para MX

Sabado, Julio 17th, 2004

Si un artí culo en un blog optara al Guiness Record Book por el número de posts generados, sin duda este serí a el que tiempo atrás escribió Mr. Colin Moock, el artí culo Petition To Macromedia: Better Preloading API provocó una reacción masiva por parte de la comunidad Flash.

Ignoro si la clase MovieClipLoader para MX 2K4 es fruto de este artí culo o la evolución lógica de la IDE de flash, pero lo cierto es que no solo MM se hizo eco del tema.

Ralf bokelberg www.helpqlodhelp.com
escribió en su momento la clase LoaderClass para Flash MX, con la que se pueden manejar precargas con todo tipo de archivos (sonido, SWF, JPG, XML, etc.) , realizar precargas múltiples …

uniScroll TextField Prototype

Sabado, Julio 17th, 2004

Imagen:
haz click sobre la imagen para abrir uniscroll_Text.swf en un ventana nueva

Tostadense forma parte del After-Hours Team, aportando (cuando su escaso tiempo libre se lo permite, magnificos códigos y ejemplos de actionScrip).

Tostadense Web site

Su última aportación:uniScroll_text Prototype

Original e ingenioso sistema para crear scrolls de texto con diferentes formatos de navegación, visualiza y mueve el texto sin restricciones de arriba hacia a abajo, de derecha a izquierda, con un juego de tres Skins deferentes. Cool!

Felicitaciones, sugerencias:
tostadense@hotmail.com

Descarga de archivos:
http://www.after-hours.org/blog/flas/uniScroll_text/archivos.zip

movieClip.enabled versus invisible_button

Miercoles, Julio 14th, 2004

Este es un viejo truco que empecé a utilizar antes de la versión MX de flash, cuando no existía la propiedad enabled, que como sabréis es utilizada para deshabilitar un objeto movieClip o button.

Problema
Veamos un caso en el que se hace necesario desactivar un número de objetos, de manera que no interfieran en el funcionamiento de otros. Un caso típico es el siguiente:

Tenemos en el escenario una serie de botones y cargamos un clip de película (vía loadMovie, attachMovie etc.

El clip de película que acabamos de cargar, está en un nivel más alto que el resto de objetos de nuestra película, sin embargo, cuando el cursor incide en una zona del clip de película que se corresponde a …

Nota

Lunes, Julio 12th, 2004

Hola amigos, he detectado (mediante los referers de mis estadí sticas), que muchos de vosotros entrais a AH con la siguiente URL:

http://www.e-tonilopez.com/after-hours

Solo informar que (para quien no lo sepa) after-hours es accesible (regalo de mi amigo Pedro www.robotUA.com) desde el dominio http://www.after-hours.org.

Mucho más sencillo

Saludos!

Efecto de texto

Lunes, Julio 12th, 2004

prototipo texto_fx
param input
param output
Nota:
recomendable utilizar una velocidad de reproducción (fps) de 24 fotogramas por segundo.

texto_fx = function (input, output) {
// – guardo una copia de la cadena
html_text = input;
input = input.split(” “);
this.onEnterFrame = function() {
// – modificación
// – output.htmlText = input.pop()+” “+output.htmlText;
output.text = input.pop()+” “+output.text;
if (!input.length) {
delete this.onEnterFrame;
// – reescribe la cadena de nuevo como texto HTML (1)
output.htmlText = html_text;
Si tu …

Flash MX Menu 01

Domingo, Julio 11th, 2004

Este menú, está inspirado en el site del prestigioso estudio de diseño Web Group94. No pretendo que la construcción del mismo sea igual, si en cambio que el resultado sea similar.

uacute;

Abre un nuevo documento de flash de 300px de ancho x 150 px de altura.

Crea un clip de pelí cula Insertar>Nuevo sí mbolo (Ctrl.+ F8)
En la ventana �Crear nuevo Sí mbolo�:
Nombre: menu_mc
Comportamiento: clip de pelí cula
Aceptar

Cambia el nombre de la capa actual por �hitArea�.
Inserta una capa �base�
Inserta una capa �botones�
Inserta una capa �selección�
Inserta una nueva capa �labels�
Inserta una nueva capa �acciones�

Capa base

Inserta un fotograma en la posición 30 de la lí nea de tiempo (F5)
Selecciona el fotograma clave 1 de la …

Flash MX 2004 Texto dinámico & mascaras

Miercoles, Julio 7th, 2004

En principio, este fla iba a ser un tutorial sobre el uso de texto dinámico con máscaras, finalmente buscando una excusa para argumentar el funcionamiento, construí un scroll de texto que funciona con las teclas arriba-abajo.

Aprovechando el modo de navegar el scroll, repasaremos la clase Key y el método addListener.

Lo interesante del método utilizado, es que se sirve de texto dinámico sin usar contornos de fuentes, lo cual se traduce en:

Texto limpioArchivo compilado con un peso muy liviano (en este caso unos 700 bytes)

descargar ejemplo

Bonus xtra

Como vereis en el fla, utilizo la clase Key y su método getCode Key.getCode()e sirve para determinar la tecla pulsada por el usuario, el código actionScript siguiente es muy útil para conocer el …

kartoo -metamotor de búsquedas

Martes, Julio 6th, 2004

Nueva versión de KartOO el buscador francés, creado en 2002 que muestra los resultados en forma de mapa. Ahora con nuevas caracterí sticas que lo hacen una herramienta extremadamente útil.

Pluging AH para Firefox

Domingo, Julio 4th, 2004

UPDATE!ute;n para Firefox 1.0)
Hnos meses, Mike Chambers publicó un pluging para Firefox.
Se trata de un buscador que se incorpora en nuestro navegador, de manera que no necesitamos entrar en el sitio para buscar algún dato. Solo es necesario introducir lo que se quiere localizar en la barra de búsqueda de Firefox (la de la derecha), pulsar intro y listo.

Nosotros, no hemos querido ser menos :-)

function addEngine(name,icon,cat)
{
if ((typeof window.sidebar == “object") && (typeof
window.sidebar.addSearchEngine == “function"))
{
var iconPath;
if(icon != “” && icon != undefined)
{
iconPath = “http://www.i-galileo.com/AH/firefox/"+icon;
}

Nuevo e-zine FlashWeeK

Domingo, Julio 4th, 2004

FlashWeek es un nuevo e-zine publicado por la gente de a actionScript.com que gira en torno al mundo flash. El equipo está formado por conocidos desarrolladores de diferentes nacionalidades entre los que se encuentran nuestros queridos Carlos Rovira y Oscar Trelles.

Compressing XML in transit es el artí culo con el que Carlos estrena este primer número.

Visita FlashWeek!

www.fishouse.net

Sabado, Julio 3rd, 2004

Flash MX 2004 -5etdemi.com - New tools for Flash MX 2004

Sabado, Julio 3rd, 2004

Este nuevo set de herramientas presentado por www.5etdemi.com es de gran ayuda para mejorar el rendimiento y eficiencia en la utilización de flash.

El set se compone de dos paquetes:
Selection toolsPixel tools

Veremos la instalación de uno de los sets paso a paso.

Las Pí xel Tools permiten crear formas pixeladas perfectas que no pierden calidad cuando se selecciona el ajuste de baja calidad.

Pixel rectangle tool crea un rectángulo.

Pixel line tool crea lí neas sin rellenos.

Pixel freehand tool crea pixeles usando una herramienta similar al lápiz.

Instalación:

Para descargar e instalar las Pí xel Tools necesitas Macromedia extensión manager.

Para instalar las herramientas en la barra de herramientas:

Selecciona: Menú>Personalizar panel de herramientasg src="http://www.after-hours.org/blog/tutoriales/JSFL/instalarPixelTools/img01.gif” width="479″ height="238″>
Panel personalizar barra de herramientas

Con …

Flash Team nos cuenta más sobre Ellipsis

Jueves, Julio 1st, 2004

Se revela una de las updates importantes. Como sabreis, cuando se trabaja con una aplicación flash compleja, es fácil que el tiempo de compilación se vuelva tan largo, que no nos quede otra opción que cerrar y reiniciar.

Este es uno de los bugs que soluciona Ellipsis.

Leer noticia en Flash Team
#87305 : Compile time degrades over time.

Flash MX - El objeto Sound - Básico

Jueves, Julio 1st, 2004

Como sabes el sonido de un aplicación flash, puede ser incorporado arrastrando los archivos de sonido que tenemos en la biblioteca y dejándolos en un fotograma clave, sin embargo, esta no es siempre el mejor sistema, flash cuenta con el objeto Sound() que permite un mayor control y número de propiedades, en este tutorial, analizaremos los aspectos básicos para insertar sonido de forma dinámica con Flash MX (flash 2004 dispone además del componente Media).

Importando un archivo de sonido para vinculación

El primer paso, consiste en importar un sonido a la biblioteca de flash para seguidamente vincularlo, veremos como y para que.

Selecciona Menú>Archivo>Importar a biblioteca.
Selecciona el archivo de sonido de la biblioteca.
Haz clic con el botón derecho del Mouse
Selecciona vinculación
En la ventana …