Google Web after-hours
Julio 2005
LunMarMieJueVieSabDom
 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

« Jun Ago »

Archivo para la categoría Tutoriales

Flash 8: Creando una máscara con alpha

Miercoles, Diciembre 21st, 2005

Dificultad

En este tutorial, exploramos dos de las novedades que trajo flash 8: La posibilidad de crear máscaras con zonas transparentes y aplicar filtros a los objetos de flash.

Descargar fuente | download source

Crea tres capas:

Actions
Mask
Image

Capa Image

1. Selecciona la capa Image.
2. Selecciona Menú>Archivo>Importar>Importar al escenario e importa una imagen al escenario
3. Selecciona la imagen y pulsa la tecla F8 (Convertir en símbolo)
4. Selecciona MovieClip como tipo. Aceptar
5. Selecciona el clip de película recien creado y en el inspector de propiedades, en <instance Name> escribe ‘image_mc’
6. En el inspector de propiedades, marca la casilla ‘use runtime bitmat cahing’
7. En el inspector de propiedades selecciona color: Alpha con un valor del 50%

Bloquea la capa imágenes para evitar ‘accidentes’ involuntarios. …

Trabajar con bibliotecas comunes

Lunes, Octubre 3rd, 2005

Existen dos modalidades para compartir bibliotecas con flash: en tiempo de edición y en tiempo de ejecución. La forma más sencilla de compartir bibliotecas en tiempo de edición consiste en arrastrar objetos de una biblioteca a otra, practicamente estamos hablando de un copiar y pegar, algo que hacemos cotidianamente.

Pero disponemos de otra modalidad mucho más potente para compartir librerias en tiempo de diseño. Es de esta última de la que se habla en este artículo.

Bibliotecas comunes ¿Qué son y para que sirven?

Son bibliotecas almacenadas en un directorio de flash para ser compartidas por cualquier documento .fla abierto. Las bibliotecas comunes, permiten disponer de colecciones de objetos que usamos comúnmente en el desarrollo de nuestras aplicaciones (sonidos, botones, gráficos, …

Math.random(): Situar aleatoriamente un clip de película

Sabado, Septiembre 3rd, 2005

Dificultad

Nunca sabremos cuando un par de sencillas líneas de código ayudarán a hacer más fácil nuestro trabajo. Un ejemplo de ello, es este script que genera aleatoriamente las posiciones _x e _y para un clip de película.

Lo interesante, es que el script puede aplicarse tanto a un clip que está situado en _root como a un clip de película contenido en otro clip de película (siempre indicando la ruta completa)

El script es el siguiente:

MovieClip.prototype.random_position = function() {
x = (this._parent._width-this._width);
y = (this._parent._height-this._height);
this._x = (Math.floor(Math.random()*x));
this._y = (Math.floor(Math.random()*y));
};

Modo de uso;

miclip_mc.random_position();

Como puedes ver, solo necesitas enviar a la función el nombre del clip de película. Como es lógico, necesitamos poner un límite a la posición …

Using the Macromedia Flash / JavaScript Integration Kit

Sabado, Junio 18th, 2005

Danny Patterson ha publicado un nuevo artículo en CommunityMX, en el que podemos ver una sencilla aplicación práctica del kit de integración Flash / JavaScript desarrollado por Christian Cantrell y Mike Chambers para Macromedia.

Como dice Danny, no es algo nuevo, pero si una sencilla forma de comunicar ambos lenguajes. Aunque…. si que hay algo nuevo, este tutorial en CommunityMX, es gratis ;)

FlashFocus - Una gran comunidad

Domingo, Abril 24th, 2005

Esta vez os traemos un sitio que estoy completamente seguro que muchos conocen, pero que otros en cambio agradecerán. Se trata de FlashFocus, una comunidad Holandesa de casi 12.000 miembros que cuenta con muchos tutoriales, flas, fuentes, sonidos, concursos, noticias, en definitiva, muchísimos recursos que, aún siendo en holandés, creo que no tendremos ningún problema a la hora de entender nuestro idioma común, el AS, ¿verdad Dani? ;)

Traducción del tutorial XUL al castellano

Lunes, Marzo 28th, 2005

¿Qué es XUL?

XUL (se pronuncia “zool†y rima con “cool†-NdT: en español se pronunciaría “sulâ€) fue creado para facilitar y acelerar el desarrollo del navegador Mozilla. Es un lenguaje XML, por lo tanto todas las características del XML están también presentes en XUL.

La mayoría de las aplicaciones tienen que ser desarrolladas usando características específicas de una plataforma, convirtiendo el desarrollo de aplicaciones multiplataforma en una tarea costosa y que consume mucho tiempo. Esto podrá no importarle a algunas personas, pero el usuario podría querer usar la aplicacion en otros dispositivos, como equipos de bolsillo.

En el pasado se desarrollaron muchas soluciones multiplataforma. Por ejemplo, Java tiene la portabilidad como un punto fuerte de venta. XUL es un lenguaje …

CodeS-SourceS

Martes, Marzo 22nd, 2005

Portal galo dedicado a la programación, donde puedes encontrar más de 27.000 códigos fuente, clasificados en distintas categorías, entre las que cabe destacar:

Flash, VB, VB.NET, C#, C++, ASP, ASP.NET, SQL, PHP, Java, ColdFusion, Javascript, DHTML, Python etc..

Construye tu sitio con CSS en una hora

Domingo, Febrero 27th, 2005

Andrew Krespanis nos enseña como construir un sitio basado en CSS, en una hora!!

Via: X.BLOG

Minisite en 3 sencillas funciones

Martes, Febrero 22nd, 2005

Nuestro compañero del foro dondiegote nos muestra en la sección de Mis Trucos, la forma de realizar un Minisite en 3 sencillas funciones, esta es su explicación:

Wenas gente.

He tenido que hacer una minisite para enseñar un logo on-line y he caido en que el sistema que utilizo para hacer algo mini podría ser un truco.

El planteamiento es muy sencillo, tengo una función Veo() para mostrar las cosas, una noVeo() para no verlas y una función carga() para controlar los clips cargados y si no están en caché mandar la precarga.

El código:

prof = 10;
Secciones = new Array("peli1″, “peli2″);
// utilizo este array para el nombre de los botones y de las pelis a cargar
function Veo(ke) {
// para …

Prototype reverseAndUnload

Jueves, Febrero 3rd, 2005

Recorre la línea de tiempo de una película cargada via loadMovie() y al llegar a un determinado fotograma (pasado como argumento al prototype) la descarga.

MovieClip.prototype.reverseAndUnload = function($fotograma) {
if (arguments.length == 0) {
this.$fotograma = 1;
} else {
this.$fotograma = $fotograma;
}
this.onEnterFrame = function() {
if (this._currentframe == this.$fotograma) {
unloadMovie(this)
delete this.onEnterFrame;
} else {
this.prevFrame();
}
};
};

Ejemplo de uso:

miclip_mc.reverseAndUnload(2);

Descargar ejemplo »

Usabilidad - Flash anchors

Miercoles, Enero 26th, 2005

En esta ocasión veremos las distintas formas en que podemos implementar anclas en flash. Veremos tres ejemplos:
Como crear anclas que enlacen con un documento HTML
Un sistema para navegar la lí nea de tiempo
El botón atrás y favoritos con Flash MX

1. Anclas desde flash a HTML

Supongamos que tenemos una página que se compone de una película flash (SWF) y una código HTML, por ejemplo una página HTML con un menú Flash cuyos enlaces, están en un solo documento.

on (release){
getURL("pagina.html#ancla");
}
// Código para el botón estilo MX
btn_miboton.onRelease=function(){
getURL("pagina.html#ancla");
}
// donde #ancla es el nombre del anchor HTML

2. Anclas en Flash 5 (botón Back)

El botón Back de un navegador es útil porque memoriza cada página visitada, y permite retroceder a …

Libro de visitas con Flash y ASP

Viernes, Enero 21st, 2005

Dificultad

Tener una página web personal, implica una complicidad con el usuario, dotar a nuestro sitio de interacción es un valor añadido, el ‘libro de visitas’ o guestBoock’ permite a nuestras visitas dejar constancia de su paso, opinar o saludar…

En este tutorial, se muestra como crear un libro de visitas en una interface Flash, con ASP como lenguaje de servidor y XML como base de datos (flash no puede escribir directamente en documentos, a excepción de sharedObject() que puede escribir en el disco duro del sistema local).

Kaax

Projecto terminado »

Descargar archivos »

libro.fla

Interface donde se leen los mensajes enviados, pulsando el botón ‘insertar’ se carga la película ‘insertar.swf’ que veremos en la siguiente página.

No explicaré como …

unloadMovieWithFadeOut Prototype

Viernes, Enero 14th, 2005

Este prototype, facilita la descarga de películas via unloadMovie().

Se puede utilizar para descargar una o varias peliculas almacenadas en clips de película (clips contenedores). Antes de efectuar la descarga, se aplica un efecto fadeOut a la propiedad _alpha del clip contenedor. La velocidad de la transición, se puede indicar al prototype como argumento, si no se establece se asigna por defecto.

MovieClip.prototype.unloadMovieWithFadeOut = function () {
// – compruebo si se ha enviado el argumento velocidad
if (typeof (arguments[arguments.length-1]) == “number") {
// – se ha enviado, lo aplico
var vel = arguments[arguments.length-1];
var items = arguments.length-1;
} else {
// – no se ha enviado, lo creo
var vel = 10;
var items = arguments.length;
}
// –
for (var i = 0; i<items ; i++) {
this = eval(arguments[i]);
// – …

Carga de Archivos Usando Flash, PHP y un poco de Javascript.

Miercoles, Enero 12th, 2005

Esta es la síntesis de una técnica que tuve que crear para un projecto más o menos reciente, que aunque un poco más compleja requiere de exactamente las mismas estructuras. Básicamente, todas las soluciones que he encontrado para cargar archivos a un servidor remoto, desde un formulario hecho en Flash, o son incompletas, demasiado encapsuladas o innecesariamente complejas.

Este es mi intento de establecer una solución general, que al mismo tiempo sea lo suficientemente flexible para ser extendida y contextualizada.

PROBLEMA: La ausencia de controles que nos permitan acceder al sistema operativo desde el reproductor de Flash hace imposible cargar archivos locales a un servidor remoto, desde una interface basada en Flash.

SOLUCION: Usar un formulario HTML oculto en un marco …

Flash MX - MX2004 News Tiker

Sabado, Noviembre 13th, 2004

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, …

loadMovieFX prototype

Lunes, Noviembre 8th, 2004

Este sencillo script, permite cargar películas externas con la siguiente particularidad: antes de cargar una nueva película, la película actual se reproduce en sentido contrario, consiguiendo un bonito efecto.

prototipo loadMovieFX
parámetros $clip
descripción

Reproduce en sentido inverso la pelí cula cargada
en el objeto movieClip (holder_mc) y carga una nueva ($clip)

MovieClip.prototype.loadMovieFX = function($clip) {
this.onEnterFrame = function() {
if (this._currentframe == 1) {
delete this.onEnterFrame;
this.loadMovie($clip);
}
this.prevFrame();
};
};

Utilización:

miClipContenedor_mc.loadMovieFX("pelicula.swf");

Descargas

Ver ejemplo »

Descargar archivos fuente Versión MX 2004 »

Descargar archivos fuente Versión MX »

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

Stage.onResize IV - Cuerpo centrado sin tablas, sin CSS!

Domingo, Junio 20th, 2004

El cometido de este tutorial, no es desvirtuar el uso de CSS, si no ver un ejemplo más de las posibilidades que nos brinda Stage.onResize().

En otros tutoriales, hemos visto como gracias al objeto Stage y su método onResize(), podemos controlar la posición y tamaño de los objetos de nuestras pelí culas flash.

En esta ocasión, veremos como mantener el cuerpo de nuestra página siempre centrado, es decir, si modificamos el tamaño del navegador, la parte central del site, mantiene la distancia proporcional entre sus bordes laterales y los del navegador, consiguiendo que siempre aparezca centrado, además el fondo de la pelí cula, mantiene sus proporciones.

Puedes ver un ejemplo terminado haciendo clic aquí

(Probado en IE6, Opera y MozillaFirebird)

Material

Para el …

After-Hours abre foro

Miercoles, Abril 7th, 2004

Dado que el tagBoard se ha quedado pequeño, he decidido abrir un foro donde podreis exponer vuestras dudas, mostrar vuestro trabajo o simplemente charlar un poco sobre aquellos temas que nos interesan.

La iniciativa viene motivada por:

1. No puedo atender todos los e-mails que recibo (ya quisiera)

2. El tagBoard se ha quedado ‘pequeño’, de momento lo dejaremos para mensajes cortos.

3. Mi lista de contactos en el Messenger se hace insostenible y la verdad, aunque soy incapaz de negar a nadie contactar conmigo, prefiero que a partir de ahora utiliceis el foro, donde contareis no solo con mi opinión, sino con la de mis compañeros y como con la de todo aquel que quiera participar.

Gracias a Dani (StartDrag), Ivan (Tostadense), Merk …

Flash MX - Undefined tip

Domingo, Marzo 28th, 2004

Una de las caracterí sticas que más me llamó la atención cuando apareció Flash MX fue el nuevo estilo para escribir scripts, lo que yo denomino scritps remotos. Me explico, antes de MX, era necesario escribir los scripts asociados a un objeto en las acciones del propio objeto, por ejemplo, para escribir las acciones de un botón, lo seleccionábamos, abrí amos el panel acciones y escribí amos algo así :

on (release) {
// acciones
}

Flash MX nos brinda la posibilidad de escribir los scripts en la lí nea de tiempo principal, lo cual considero una gran ventaja, los scripts son mucho más estructurados al estar todos en la misma lí nea de tiempo. Con las versiones anteriores, si querí as ver que …

Best Practices - Include

Martes, Marzo 23rd, 2004

La directiva #include importa textos de script desde un archivo externo (extensión .as).

Lo archivos include son útiles para reutilizar código en distintas pelí culas de un mismo proyecto, de la misma forma, son de gran ayuda cuando se realiza un proyecto en el que participan varias personas, por ejemplo un diseñador y un programador.

Veamos con un sencillo ejemplo como conjugar un archivo externo de scripts (include) y un archivo fla. En el archivo include, escribimos las funciones que serán llamadas desde la pelí cula.

// – archivo include

showToolTip = function (texto) {
this.createTextField("toolTipText", 1000, _xmouse, _ymouse, 200, 16);
toolTipText.text=texto

Extending Macromedia Flash MX 2004

Miercoles, Marzo 17th, 2004

Extending Macromedia Flash MX 2004 cubre el espectro completo de la nueva arquitectura de extensibilidad en MX 2004. Incluye tutoriales que profundizan en cada nueva área de comandos, herramientas, efectos para la lí nea de tiempo, comportamientos, uso de MMExecute command, ejecución de flash desde la lí nea de comandos y completa cobertura de XML a UI (User Interface) que permite crear facilmente los interfaces personalizados para extensiones flash.

La sección final del libro contiene una referencia de JavaScript Flash (JFSL) el nuevo lenguaje para la creación de extensiones para flash.

Autores
Keith Peters,
Todd Yard

Tabla de contenidos:Capí tulo 1: Introduction to Flash Extensibility
Capí tulo 2: Custom Commands
Capí tulo 3: Custom Tools (Disponible para descargar PDF 50 páginas)
Capí tulo 4: …

Carga aleatoria

Miercoles, Marzo 17th, 2004

Un nuevo dí a una nueva imagen. ¿Te gustarí a mostrar una imagen diferente cada vez que visitan tu web?, este sencillo script te muestra como conseguirlo

// – en un array los nombres de las imágenes
miArray = new Array();
miArray[0] = “imagenes/imagen1.jpg";
miArray[1] = “imagenes/imagen2.jpg";
miArray[2] = “imagenes/imagen3.jpg";
miArray[3] = “imagenes/imagen4.jpg";
miArray[4] = “imagenes/imagen5.jpg";
miArray[5] = “imagenes/imagen6.jpg";
miArray[6] = “imagenes/imagen7.jpg";
miArray[7] = “imagenes/imagen8.jpg";
// – un clip de pelí cula vací o para cargar la imagen
this.createEmptyMovieClip("contenedor", 1);
// – situo el clip contenedor en el escenrio
contenedor._x = 3;
contenedor._y = 3;
// – selección aleatoria de la imagen
img = miArray[random(miArray.length)];
// – carga de la imagen
contenedor.loadMovie(img);

Nota
Puedes utilizar el mismo script para cargar SWF’s

Descargar ejemplo aquí

Componente MAccordion Tutorial (I)

Jueves, Marzo 11th, 2004

Uno de los distintivos de las aplicaciones para Central es la semejanza entre interfaces, que en gran parte se consigue con el uso de los componentes, Central dispone de un completo set de componentes, la mayorí a de ellos de aspecto y funcionalidad semejantes a los Flash UI components, en este tutorial, veremos como trabajar con el componente MAccordion Tab.

El formato Rich intermedia aumenta el formato de marca

Miercoles, Marzo 10th, 2004

Cada vez más anunciantes en Internet apuestan por campañas en formato “rich media” con anuncios que se mueven de forma dinámica, pop-ups o formatos animados de Macromedia Flash. Como muestran los datos del servidor de herramientas de marketing DoubleClick, la proporción de los formatos “rich media” de todos los anuncios online aumentó un 43% en el cuarto trimestre de 2003 en Europa, alcanzando así el 37,5%. Sin embargo, los banners estándar continúan siendo el formato publicitario preferido en Europa, con el 52,3%.

Leer noticia completa en marketingdirecto.com

Más artí culos interesantes en marketingdirecto
El informe sobre las tendencias de distribución de anuncios

Hello world - Central desde Cero

Martes, Marzo 9th, 2004

Tutorial básico, donde explico como dar los primeros pasos con Central, ¿acabas de bajarte el SDK y no sabes por donde empezar? sigue leyendo…

 Hello World, Central desde cero I

System.capabilities.serverString

Sabado, Marzo 6th, 2004

La cadena serverString contiene una lista de variables con los nombres y valores correspondientes a la todos los nombres y propiedades del objeto Capabilities.

Éste es el valor de serverString en mi sistema:

A=t&MP3=t&AE=t&VE=t&ACC=f&DEB=t&V=WIN%206%2C0%2C21%2C0&M=Macromedia Windows&R=1024x768&DP=72&COL=color&AR=1.0&I=point&OS=Windows XP&L=es

En combinación con LoadVars.decode obtenemos una eficaz herramienta para trabajar con dichas variables.

miSistema = System.capabilities.serverString;
mi_vars = new LoadVars();
mi_vars.decode(miSistema);
for (var i in mi_vars) {
trace(i+":"+mi_vars[i]);
}

Resultado tras aplicar LoadVars.decode()

L:es
OS:Windows XP
I:point
AR:1.0
COL:color
DP:72
R:1024x768
M:Macromedia Windows
V:WIN 6,0,21,0
DEB:t
ACC:f
VE:t
AE:t
MP3:t
A:t

Utilidad
Gracias a este script podemos determinar valores del sistema tales como el idioma, resolución de pantalla, sistema operativo, versión del player, etc. y redirigir a nuestro visitante a la versión adecuada del sitio.

Ejemplo
Detectar el idioma del sistema para cargar una versión adecuada del sitio

if (mi_vars.l == “es") …

Oscar Trelles un desarrollador Hispano comprometido con la comunidad

Viernes, Marzo 5th, 2004

Hace un par de dí as, comentaba en un post http://www.after-hours.org/blog/archives/000189.html sobre Macromedia Central el hecho de la poca información en castellano existente. Oscar Trelles dejaba un comentario muy alentador para todos aquellos que estamos interesados en Central:

Lamentablemente, existe el problema de la falta de informacion en castellano, lo que determina que solamente los que entienden el ingles puedan acceder a los avances de primera mano.

Por tanto, me comprometo a dos cosas:

1. Conversar con Macromedia para buscar la traduccion de la informacion existente acerca de Central.
2. De obtener una respuesta positiva, promover la iniciativa y efectivamente poner a disposicion de todos, una version en español del sitio de soporte para Central.

Lo que me lleva a reproducir aquí este párrafo, …

updateAfterEvent, uso apropiado

Sabado, Febrero 28th, 2004

Es muy habitual el uso de la función updateAfterEvent() , también es cierto que en numerosas ocasiones se utiliza sin saber exactamente que hace o como utilizarlo.

El script siguiente es un ejemplo de mal uso, en este caso updateAfteEvent() es ignorado.

this.onEnterFrame = function() {
// – acciones
//…
//…
updateAfterEvent();
};

Veamos un poco de teorí a y unos ejemplos que espero sirvan para entender mejor el uso correcto de updateAfterEvent().

Descripción
Actualiza la visualización (independientemente de los fotogramas por segundo establecidos para la pelí cula) cuando el usuario la llama en un controlador onClipEvent o como parte de una función …

Desarrolladores, comunidades e innovación interactiva

Jueves, Febrero 26th, 2004

Desde poco antes del año 2000 la sociedad se está habituando a utilizar las nuevas tecnologí as, lo que está sucediendo es que también aprende a desarrollar sus propias aplicaciones interactivas.

Los más jóvenes, interesados en las últimas tecnologí as, tienen como hobbie investigar por su cuenta con las tecnologí as que están a su alcance.

La habilidad de manejar los lenguajes de programación necesarios para crear aplicaciones está también al alcance de todos gracias a las comunidades existentes, donde se comparten códigos y experiencias, las comunidades de programadores facilitan en gran medida el desarrollo de cualquier tipo de aplicación y además pueden mejorar el proceso gracias a los foros de las mismas comunidades, en los cuales puedes encontrar …

Marc Virgili de Merk Design recibe el FWA One Award por su último trabajo

Lunes, Febrero 23rd, 2004

Siempre es agradable anunciar éxitos de un compañero, pero si además se trata de un amigo mucho más, creo que la imagen que acompaña este texto dice todo por si sola.

No obstante queremos aprovechar para felicitar a Marc por cosechar otro nuevo éxito .

Muchas felicidades Marc te lo mereces!

www.merkdesign.com

www.mediaptiva.com

www.favouritewebsiteawards.com

include tip

Miercoles, Febrero 18th, 2004

Es posible que muchos de vosotros conozcais la función (pragma) #include en Flash. Lo que hace es cargar archivos de código actionscript en la lí nea de tiempo donde esté.

Por ejemplo una sintaxis puede ser asi:

#include “carpeta/archivo.as”

donde “carpeta” hace nombre a la ruta donde teneis guardado el “archivo.as".
Por ejemplo , esto:

#include “../../carpeta/archivo.as”

irá a buscar la “carpeta” dos niveles atrás y en ella buscará el “archivo.as".

Es útil (entre otras cosas) para cargar funciones estándar que se suelen usar frecuentemente. Por ejemplo, si tenéis una serie de funciones genéricas que realizan comprobaciones de carga de pelí culas y lo tenéis en un archivo llamado (por ejemplo) “Loading.as", es posible que las utilicéis con una frecuencia alta. Y saber …

Chat Simple con flashcom

Martes, Febrero 17th, 2004

En esta ocasión, Javi Oxigeno nos demuestra como de sencillo es crear un chat con flashcom y SharedObjects en un fla de poco más de 20 lí neas.

Chat simple

En este tutorial hablaremos de SharedObjects
, gracias a ellos vamos a crear un sencillo chat en aproximadamente 20
líneas.

Dani startDrag - Nuevo colaborador de After-Hours

Sabado, Febrero 14th, 2004

After-hours crece y la familia aumenta.

Primero fué Javier de los Santos ( Oxigeno ) especialista en Flashcom y que ya escribió un tutorial con notable éxito, (por cierto el próximo ya está en el horno)

Hoy se une al equipo Dani Moya Teruel, administrador de startDrag, foro sobre flash y actionScript . Desde un principio ha participado con sus comentarios y ha aportado ideas (Dani es un perfeccionista), lo cual siempre es de agradecer, asimismo hemos estado de acuerdo en muchos temas sobre los que hemos hablado, flash, actionScript, diseño y esas cosillas de las que hablamos entre flash-adictos.

Uno de los motivos que me llevaron a pedir a Dani su colaboración fué un …

Todo lo que querí as saber sobre Macromedia Central y no te atreviste a preguntar

Viernes, Febrero 13th, 2004

No cabe duda que la mejor manera de entender qe es Macromedia Central, es instalar la aplicación y explorar sus posibilidades que afortunadamente están al alcance de cualquiera, pues tanto Central como las aplicaciones desarrolladas para Central, son gratuitas en su mayorí a.

 

Nuevas extensiones en Macromedia Exchange

Jueves, Febrero 12th, 2004

Macromedia a lanzado dos nuevas e interesantes extensiones para Flash MX 2004 profesional:
DataGrid Column editor
Data Conection Wizard
Data Connection Wizard te ayuda a crear una aplicación flash que conecte con un servidor web o un archivo XML que devuelva múltiples datos, estos pueden ser visualizados con un componente DataGrid.

DataGrid Column Editor provee una interface visual para manipular las columnas de un componente DataGrid y sus atributos.

Gratuitas!

Macromedia Exchange

Mi primera aplicación en Central

Martes, Febrero 10th, 2004

Con este tutorial aprenderás lo básico para instalar una aplicación en Central:
Publicar la aplicación
Instalar la aplicación en Central
Crear el archivo product.XML
Preparar la carpeta de instalación
Copiar la carpeta de instalación en un servidor Web
Instalar la aplicación en Central
Comprobar tu aplicación en Central

Instalar el entorno de trabajo para Macromedia Central

Domingo, Febrero 8th, 2004

Finalmente hoy he sacado un poco de tiempo y he instalado lo necesario para empezar a estudiar Macromedia Central, la instalación es muy sencilla, pero he querido escribir un minitutorial.

Si estas interesado en Central, pero no te decides, quizá esta sea la oportunidad, desde after-hours podrás seguir (los lentos progresos de un aprendiz de Central), por tanto, errores habrá, pero como alguien dijo ‘de los errores, tambien se aprende’.

Menú dinámico con flash MX & XML

Domingo, Febrero 8th, 2004

Con este tutorial, cumplo con uno de los puntos de mi wishlist personal (que por cierto tengo que publicar) a partir de ahora los tutoriales serán más detallados y se verán en una plantilla nueva, creo que era un cambio necesario y que muchos lectores y amigos me habí an comentado.

El tutorial
Partiendo de un archivo XML construiremos un menu desplegable de dos niveles: cabecera (menu horizontal) y submenús (menú vertical).

Contador de usuarios activos

Jueves, Febrero 5th, 2004

 
Javier de los Santos - ‘oxigeno’
- BCN 1982

Empezó a programar a la edad de 15 años, su primera incursión
en Internet fué con Java, para realizar menús interactivos
para su web personal, pronto empezó a modificar CGI’s para
armar …

Botón + Enter

Jueves, Enero 29th, 2004

Sin duda, este es hasta el momento el tutorial más corto que he escrito nunca, sin embargo, estoy convencido de que será útil a más de un flashero. Un botón que recoge un input y ejecuta una acción por el método tradicional (haciendo clic sobre éste) o bien pulsando la tecla ENTER.
Para el ejemplo, he necesitado tan solo un botón clip de pelí cula y un campo de entrada. Introduce una cifra y al hacer clic o ENTER se convierte en su equivalente en euros.

txt_euros.onSetFocus = function() {
this.text = undefined;
};

Código para el botón

on (release, keyPress “") {
_root.euros *= 166.39;
}
fla de ejemplo aquí »

Personalización de los componentes predeterminados

Sabado, Enero 24th, 2004

Personalización de los componentes predeterminados

Hay dos maneras de cambiar el aspecto de los componentes predeterminados: haciendo uso del objeto FStyleFormat o el empleo de aspectos. En el tutorial que nos ocupa, veremos como definir estilos para un componente.

El objeto FStyleFormat

El proceso para cambiar el aspecto de un componente es como sigue:

Crear un nuevo objeto FStyleFormat
Añadir detectores a lo componentes que queremos modificar
Cambiar los atributos de estilo que escojamos.

Cambio de estilo global

Los componentes vienen con un estilo predeterminado globalStyleFormat, y actúa sobre todos los componentes que usemos en nuestra pelí cula, de manera que si queremos cambiar el estilo de todos los componentes para que tengan el mismo aspecto, basta con cambiar las propiedades de globalStyleFormat y …

Movimiento de un objeto

Martes, Enero 20th, 2004

¿El fin justifica los medios?
En flash no, optimizar, optimizar y optimizar, esta debe ser tu meta. No basta con que funcione, hay que buscar el mejor método.

Un ejemplo sencillo

Quiero hacer una animación que mueva un clip de pelí cula a lo ancho del escenario, para ello sé que tendré que modificar la propiedad _x del objeto movieClip, puedo conseguirlo valiendome de distintas técnicas, pero todas tienen algo en común , una repetición controlada de acciones que se denomina bucle (loop en inglés).

Flash se caracteriza por facilitar el que cualquier persona con muy pocos conocimientos, pueda ver algo más que texto estático en su pantalla, seguramente alguien que empieza solucionarí a el problema con una interpolación de movimiento, …

Dibujar con AS (I)

Domingo, Enero 4th, 2004

Creo que padezco una fuerte adicción al blogin, no me puedo ir a dormir sin escribir algo + hoy, hay va:

// copiar y pegar en primer fotograma

onMouseMove = function () {
if (dibujar) {
lineStyle(0, 0x000000, 100);
lineTo(_root._xmouse, _root._ymouse);
}
};
onMouseDown = function () {
dibujar = true;
moveTo(_root._xmouse,_root. _ymouse);
};
onMouseUp = function () {
dibujar = false;
};

Hasta mañana!
Continuará…

Habilitar/desahabilitar un botón

Jueves, Enero 1st, 2004

Siguiendo con el objeto botón, vamos a ver como conseguir que un botón presente el estado activo/inactivo; con flash 5, tení amos que servirnos de ingeniosos trucos, por ejemplo, cambiar la propiedad _visible=false del objeto botón y mostrar un gráfico en su lugar, veamos que sencillo es conseguir esto mismo con flash MX gracias a la propiedad enabled del objeto botón.

// deshabilitar botón
boton.enabled=false
//al pasar el cursor sobre el botón, este no mostrará el icono ‘mano’
// habilitar botón
boton.enabled=true

Ejemplo práctico:

Al hacer clic en un botón, lo deshabilitamos y para hacer mostrar su estado ‘inactivo’ ajustamos la propiedad _apha por debajo de su valor por defecto.

boton01.onRelease=function(){

boton01.enabled = false
boton02.enabled = true
boton03.enabled = true
boton01._alpha = 75
boton02._alpha = 100
boton03._alpha = 100
gotoAndStop("contactar")

}

Analicemos cada sentencia del script que …

Configurar un botón en flash MX

Lunes, Diciembre 29th, 2003

Este pretende ser el primero de una serie de artí culos dirigidos a quien ha pasado recientemente a MX desde una versión inferior, por experiencia, sé que hay una tendencia a empezar a usar el programa sin fijarse mucho en las novedades que la nueva versión ofrece, cayendo de esa forma en el error de usar métodos de programación clasificados como obsoletos.

La configuración de un botón flash MX es idéntica a la de un botón en flash 5, si editamos una instancia de botón, veremos que tiene los estados reposo, sobre, presionado y zona activa.

Tambien los eventos son casi los mismos ( onDragOut, onRelease, onReleaseOutside, onRollOver, onRollOut, onPress).Con flash 5 la forma de asociar un evento a un …