Se trata de CANOPIA.cl un sitio que estoy desarrollando para CANOPIA | BAR&LOUNGE, local que abrirá sus puertas prontamente en Providencia, Santiago, Chile.
El local (pub) tendrá la particularidad de cambiar continuamente de color mediante un juego de iluminación.
Este sitio al encontrarse "en construcción" y por tratarse de un lugar de "divertimento" se ha dispuesto una página provisoria bastante especial con un ActionScript Flash con el logo del local que cambia de color y una especie de "attractor" con el que puedes jugar.
Dentro de las innumerables "webhaditas" que hago en mis "ratos libres" he tomado un boceto de los diseñadores de the world domination design group, para jugar un poco con el...
aquí va: [como siempre digo.... pasa el mouse sobre la imagen]
La operación fue más o menos así:
PASO UNO_
boceto realizado por thewddg con lápiz y papel.
PASO DOS_
trazado vectorial realizado en Macromedia Freehand.
PASO TRES_
trazado de variante y relleno de los respectivos trazados.
FINALMENTE_
se llevan los trazados a Macromedia Flash conviertiendo la imagen en botón para visualizar la variante de "virlo" on rollover.
Uno de los motivos por el cual me decidí a publicar este blog es por la posibilidad de crear virtualmente un cuarderno de trabajo y estudio con respecto a materias que me interesan.
Por estoy días estoy super metido con Macromedia Flash y las posibilidades que otorga el ActionScript.
Un script bastante "simpatico" que encontré poor ahí y comencé a modificar es un efecto de "repulsión magnética".
Aquí va un ejemplo hecho por mi...
[pase el mouse sobre la "imagen" para ver la acción]
Lamentablemente la cantidad de elementos (en realidad es un movie clip duplicado muchas veces) hace que la película se ponga un tanto lenta, pues la visualización correcta debiera ser así:
Este AcionScript funciona asigandole un valor MAAI al área de repulsión con respecto al cursor del mouse.
En este película el valor asignado es de MAAI = 500, lo que otorga el radio que se muestra en la imagen.
Lo interesante de esta película es que funciona con un solo elemento de biblioteca, el cual es un movie clip que además de contener el objeto como tal (en este caso un círculo onegro) también contiene las acciones repartidas en 3 fotogramas.
A pedido del público, ya puedes descargar el archivo editable .fla de esta película: rondamon.fla
El objeto DATE introducido en Flash 5 hace simple el hecho de tener un reloz en una película flash. Los siguiente pasos explican como realizar un simple reloj que muestre la hora AM/PM en formato Hora:Minutos:Segundos.
Y nos vamos...
1. Crea un simbolo MOVIE CLIP [insertar > nuevo simbolo]
2. Usando la herramienta de texto crea un campo de texto en este nuevo simbolo. Este texto mostrará la hora.
3. Selecciona el campo de texto con la herramiente "flecha" y selecciona la opción TEXTO DINAMICO (dynamic text) junto con asignarle al nombre de variable (var) la palabra "time" (sin comillas)
4. En el primer fotograma del simbolo ingresa la siguiente acción [en el panel de acciones.. obvio]
function getTime () {
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var temp = ""+((hour>12) ? hour-12 : hour);
temp += ((minute<10) ? ":0" : ":")+minute;
temp += ((second<10) ? ":0" : ":")+second;
temp += (hour>=12) ? " P.M." : " A.M.";
return temp;
}
5. Incorpora el movie clip a la escena.
6. Selecciona el movie clip en la escena y otorgale la siguiente acción:
onClipEvent (enterFrame) {
time = getTime();
}
7. Guarda, prueba, exporta y LISTO!
Cómo funciona?
La función "getTime()" primero crea un nuevo objeto "date" el cual es usado para obtener la hora actual con sus minutos y segundos. Luego el operador "?: conditional" (una forma abreviada del comando "if...else" se usa para determinar los formatos HH:MM:SS y AM/PM y lo asigna a la variable "temp".
Por ejemplo en la siguiente línea de código se chequea si el valor de "hours" es mayor que 12, si es así, se resta 12 a "hour" y se le asigna a "temp". Sin esto, el valor "hour" se asigna tal como lo recoge el "getTime()" y lo asigna al "temp"
var temp = ""+((hour>12) ? hour-12 : hour);
La lógica es más o menos similar para los minutos ("minute") y segundos ("seconds") , esta vez se usa para chequear si el valor es menor que 10. De ser así, se le incluye un "0" (cero) al "temp" antes del valor de los minutos o segundos. Sin esto los minutos y segundos se mostrarían con número enteros tal como lo genera el "getTime()".
Finalmente se agrega "PM" si la hora "hour" en el "getTim()" es mayor que 12, de lo contrario, se le agrega "AM".
Este AcionScript funciona asigandole un valor MAAI al área de repulsión con respecto al cursor del mouse.
En este película el valor asignado es de MAAI = 500, lo que otorga el radio que se muestra en la imagen.
