www.musicPlasma.com
Viernes, Julio 30th, 2004www.musicplasma.com
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();
// – …
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
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
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 …
Version 7.2 para Macromedia Flash MX 2004 y Flash MX Professional 2004 disponible.
http://www.macromedia.com/software/flash/special/7_2updater/
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 …
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)
* 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");
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/
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, …
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
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 …
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
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 …
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!
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 …
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 …
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 …
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.
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;
}
…
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!
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 …
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.
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 …