Google Web after-hours
Agosto 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

 
« Jul Sep »

Archivo para la categoría mis protos

Percent prototype

Viernes, Diciembre 3rd, 2004

percent prototype
Extrae el porcentaje de una variable
Parámetros $percent

Number.prototype.percent = function($percent) {
return (this/$percent);
};

Ejemplos de uso

var a = 100;
trace(a.percent(20)); // retorna 5
// –
str= a.percent(10);
trace(str); // retorna 10
// –
a = a.percent(5);
trace(a); // retorna 20

Prototype reverseMovieClip II

Martes, Noviembre 23rd, 2004

Versión mejorada del proto reverseMovieClip.
Reproduce un clip de pelí cula en sentido inverso pudiendo indicar en que fotograma se detendrá la animación.
// – prototype reverseMovieClip
MovieClip.prototype.reverseMovieClip = function($fotograma) {
// – si no se envió el parámetro, se asigna 1 por defecto
if (arguments.length == 0) {
this.$fotograma = 1;
} else {
this.$fotograma = $fotograma;
}
this.onEnterFrame = function() {
if (this._currentframe == this.$fotograma) {
delete this.onEnterFrame;
} else {
this.prevFrame();
}
};
};

Ejemplo de uso
// – el clip se detiene en el fotograma 15
miclip_mc.reverseMovieClip(15);
// – el clip se detiene en el fotograma 1
miclip_mc.reverseMovieClip();

validateCardNumber String.prototype

Jueves, Octubre 14th, 2004

Para crear el sistema de validación que usa el prototype, me ha ayudado mucho el siguiente tutorial:

Creating a Credit Card Validation Class With PHP

String.prototype.validateCardNumber = function() {
// – 0 devolverí a true, por precaución …
if (this == 0 || this.length == 0) {
return false;
}
// – convierto la cadena en una array
var $array = new Array();
$array = this.split("");
// – invierto el orden del array
$array.reverse();
// – duplico el valor de cada caracter y lo añado al caracter anterior
for (var i = 0; i<$array.length; i++) {
if (i%2<>0) {
$array.splice(i, 1, $array[i]*2);
}
}
// – compruebo cifras > 10 se suman los dí gitos (14 = 1 + 4 = 5)
for (var i = 0; i<$array.length; i++) {
if ($array[i]>=10) {
var $var1 = String($array[i]).substr(0, 1);
var $var2 = …

reverseMovieClip prototype

Martes, Octubre 5th, 2004

descripción
Reproduce un clip de pelí cula en sentido contrario.

MovieClip.prototype.reverseMovieClip = function() {
this.onEnterFrame = function() {
if (this._currentframe == 1) {
delete this.onEnterFrame;
}
this.prevFrame();
};
};

Uso

boton_btn.onRelease = function() {
clip_mc.reverseMovieClip();
};

Jornadas de MX – Foros de tecnologí a para diseñadores y desarrolladores

Miercoles, Septiembre 8th, 2004

Estos eventos de un dí a de duración se realizarán por toda Europa todos los trimestres. En asociación con nuestros socios de formación autorizados (MATP) hemos creado los foros de tecnologí a: jornadas de formación para nuestros diseñadores y desarrolladores con ejemplos de la vida real de parte de nuestros socios de integración, sesiones de formación con respetados instructores certificados de Macromedia (MCI) y encabezadas por los principales arquitectos de software y especialistas en productos de Macromedia.

Fuente: www.macromedia.com

Para más información hacer clic aquí .

Flash MX - función movieClipPosition

Sabado, Septiembre 4th, 2004

Siempre es bueno optimizar nuestro trabajo, no solo en el aspecto o rendimiento final del producto, tambien podemos optimizar el desarrollo, de hecho con cada versión de flash es más sencillo (componentes, extensiones, commnads, etc) que nos permiten realizar tareas repetitivas de forma más rápida y sencilla.

Hoy estaba preparando un fla que consta de diferentes clips de pelí cula que pueden variar su posición en el escenario de forma interactiva (a petición del usuario), el caso es que para poder asignar las propiedades _x / _y correspondientes a cada clip de pelí cula (durante el proceso de desarrollo) tendrí a que ir situando los clips de pelí cula e ir tomando nota de las posiciones para más tarde …

Prototipo getHora

Viernes, Agosto 27th, 2004

Dificultad

MovieClip.prototype.getHora = function(x, y) {
x != undefined ? x=x : x=0;
y != undefined ? y=y : y=0;
// –
formato = new TextFormat();
formato.font = “verdana";
formato.size = 10;
formato.color = 0xff0000;
// –
this.createTextField("lahora", getNextHighestDepth(), x, y, 100, 20);
lahora.setNewTextFormat(formato);
// -
separador = “:";
// –
setInterval(function () {
reloj = new Date();
ss = reloj.getSeconds()

Prototipo getFecha()

Miercoles, Agosto 25th, 2004

Dificultad

TextField.prototype.getFecha = function(separador) {
if (arguments.length

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");

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 - bgColor prototype

Martes, Mayo 18th, 2004

Hoy mirando en el foro de Macromedia, he leido un post en el que se hablaba sobre las distintas posibilidades de cambiar el color del escenario, no he podido evitar escribir un prototypo basado en una de las respuestas.

/*
prototipo bgColor
modifica el color del escenario
@param rgb color rgb
@param alfa porcentaje _alpha
nota
el proto funciona con uno o dos parámetros, en caso de enviar un solo parámetro, éste será
el código RGB, en caso contrario se produce un error.
*/
MovieClip.prototype.bgColor = function(rgb, alfa) {
// – no se enviaron argumentos
if (arguments.length == 0) {
return;

Flash MX Prototype alfa

Sabado, Mayo 8th, 2004

/*
prototype alfa
descripción : modifica la propiedad _alpha
argumentos : alfa, vel
tonilopez - After-Hours
*/
MovieClip.prototype.alfa = function(alfa, vel) {
// –
if (arguments.length

Macromedia WorldMeeting 2004

Jueves, Mayo 6th, 2004

Macromedia Community WeekMayo del 17 al 21.

Macromedia celebra su Reunión Mundial de Grupos de Usuarios Macromedia.

Participa en estas presentaciones on-line libres y en la reunión Mundial del miercoles, aprende trucos del equipo de productos Macromedia.

MacroChats
Extensas presentaciones, técnicas de los Macromedia Product Managers, ingenieros técnicos, entrenadores certificados y miembros del equipo Macromedia. Macrochat utilizará Breeze para impartir estas sesiones, la participación es libre.

Temas que se tratarán
Flash para los artistas
Flex para los usuarios de Java
Introducción a RoboHelp
Y mucho más…

Horarios e inscripciones

Reunión Mundial de grupos de usuarios
Una oportunidad especial para dar una ojeada a las nuevas tecnologí as, caracterí sticas y funciones en que los ingenieros de macromedia han estado trabajando en sus laboratorios de desarrollo.

ESMMUG te invita a la próxima …

Flash MX Stage.onResize II

Jueves, Abril 29th, 2004

Ante la buena acogida obtenida por el artí culo Stage.onResize I he decidido poner otro minitutorial sobre el tema, habrán más. Este es muy sencillo, consiste en crear un objeto MovieClip que actua como bakground (fondo de nuestra pelí cula) y que cambia de tamaño proporcionalmente a las medidas del navegador.

1. Abrir una pelí cula nueva.

2. Modificar documento
Ancho:550
Alto:400

3. crear un clip de pelí cula con las siguientes caracterí sticas:
Ancho:200
Alto:200
Punto de registro en el centro

4. insertar una nueva capa y copiar el siguiente código actionScript

espacioX = 50;
espacioY = 50;
bg._width = Stage.width-espacioX;
bg._height = Stage.height-espacioY;
// –
Stage.scaleMode = “noScale";
// –
function stageResize() {
bg._width = Stage.width-espacioX;
bg._height = Stage.height-espacioY;
}
// –
miListener = …

Clone Prototype II

Miercoles, Abril 28th, 2004

Hace unos dí as publiqué un prototipo que permite crear copias de un objeto MovieClip. JosebaAlonso posteó un comentario corrigiéndome por el mal uso del operador ternario, y de paso haciendo alguna mejora, toda una lección.

Es cierto que en ocasiones intento que mis códigos sean más cortos, pero en este caso, como queda demostrado, el menor número de lí neas iba en detrimento del aprovechamiento de recursos(incremento de byteCode).

Por tanto y antes de que el código corregido se pierda entre los comentarios, he decidido postear el prototipo de nuevo de manera que podáis comparar con el original:
http://www.after-hours.org/blog/archives/000266.html

Gracias Joseba

LocalData Class (Colin Moock)

Jueves, Abril 22nd, 2004

Con la versión 6 del FlashPlayer se introdujo la clase SharedObject que almacena datos en el disco duro del usario final (parecido a las coockies de javaScript).

Para facilitar la tarea de almacenar datos localmente, Colin Moock escribió la clase localData cuando construyó su servidor de sockets Unity, ahora ha publicado el código fuente y te lo puedes descargar desde su site.

localData class

FlashMX Clone prototype

Jueves, Abril 22nd, 2004

/*
clone
duplica un clip de pelí cula n veces
@param c número de copias
@param x posición x del clip
@param y posición y del clip
*/

MovieClip.prototype.clone = function(c, x, y) {
// –
if (c == undefined) {
return;
}
// –
this.x = x;
this.y = y;
this.c = Number©;
this.r += …

Nuevas colaboraciones en After-Hours

Martes, Abril 13th, 2004

Como ‘padre’ de la criatura tengo el deber y la enorme satisfacción de anunciar las nuevas incorporaciones al equipo After-hours, la verdad es que me siento muy afortunado de poder trabajar en este proyecto al lado de estos Cracks que sin duda harán de este sitio algo mejor dia a dia.

Ellos son:

Xavier Gironés
www.giland.com,flashblack
Uno de los mejores ilustradores que conozco.

Galileo
Ya habeis podido ver su trabajo en After-Hours, uno de los miembros mas activos.
www.nomaster.com
www.flashla.com

Marc Virgili
Una gran promesa del diseño web español (con 19 añitos) te odio merk :)
www.merkdesign.com
www.startdrag.com

Pedro Alpera
En fin, quien no conoce a Pedro Alpera?
www.centralapps.com
www.robotua.com
www.unachinaenmizapato.com

Aunque este post es para presentaros a los nuevos after-hour-eros :), no quiero dejar de mencionar a los pioneros de After-hours:

Dani
www.stardrag.com

jSantos
www.oxigeno.ws

Ni galáticos, ni dream-team After-hours Team!

PD. …

Flash MX - Crear una pausa

Viernes, Abril 2nd, 2004

En otras ocasiones he sugerido la función setInterval como substituto de los eventos enterFrame para crear loops en la lí nea de tiempo de una pelí cula.

En esta ocasión una muestra de lo útil que puede ser para crear una pausa en un clip de pelí cula que contenga una animación twen.

// – crea una pausa de n segundos
MovieClip.prototype.pausa = function(tiempo) {
obj = this;
obj.stop();
idInterval = setInterval(function () {
obj.play();

Prototipo dibujar rectángulo

Lunes, Enero 26th, 2004

Es un poco chorras, pero bueno :)

// dibujar_rectangulo
// tonilopez
// posx,poy = posición inicial en los ejes x,y
// ancho = ancho del rectangulo
// alto = alto del rectangulo
// ancho_borde
// color_borde
// alfa_borde
// color_relleno
// alfa_relleno

MovieClip.prototype.dibujar_rectangulo = function(pos_x, pos_y, ancho, alto, ancho_borde, color_borde, alfa_borde, color_relleno, alfa_relleno) {
// –
this.px = pos_x;
this.py = pos_y;
this.an = ancho;
this.al = alto;
this.ab = ancho_borde;
this.alb = alfa_borde;
this.cr = color_relleno;
this.ar = alfa_relleno;
// –
this.createEmptyMovieClip("papel", 1000);
with (papel) {
beginFill(cr, ar);
lineStyle(this.ab, this.cb, this.alb);
moveTo(px, py);
lineTo(px+an, py);
lineTo(px+an, py+al);
lineTo(px, py+al);
lineTo(px, py);
endFill();
}
};
dibujar_rectangulo(0, 0, 100, 100, 1, “0x000000″, 100, “0xCCCCCC", 100);

Editor de comentarios para MT en flash (II)

Domingo, Enero 25th, 2004

Estéfane Funaro gotoAndPlay se ha propuesto crear un editor de comentarios en flash para MovableType, según comenta en su blog (otro reciente descubrimiento) va a trabajar durante este fin de semana en el projecto, de manera que un servidor va a estar muy atento para instalárselo. Spamers teneis los dias contados:P

Para leer el post:

gotoAndPlay();: Éditeur de commentaire pour MT - coming soon!

PD. este post lo podrí a haber puesto con el anterior, pero es posible que se hubiera duplicado en fullasagoog ya me pasó…

No sea que me tilden de spamer :O

Como instalar Movable Type y no perecer en el intento

Sabado, Enero 24th, 2004

Así es como mi amigo Fernado blackclouds describe medio en broma medio en serio el tutorial que ha escrito.

Lo cierto, es que no hay que ser un genio de la informática para tener tu propio blog, movableType es una excelente herramienta, pero es raro que consigas instalarlo a la primera, siempre te dejas alguna cosa, en mi caso, no fué menos, tengo que decir que el tutorial de Fernando me fué de gran ayuda.

Creo que ha escrito el mejor tutorial en castellano hasta el momento.

Como Instalar Movable Type y no perecer en el intento.

Por cierto, recientemente ha lanzado la segunda versión de su blog blackclouds un derroche de buen gusto.

Felicidades Fernando!

Blink Prototype

Martes, Enero 20th, 2004

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

MovieClip.prototype.blink = function(vel) {
obj = this;
vel == undefined ? this.vel=10 : this.vel=vel;
setInterval(function () {
n == 1 ? n=0 : n=1;
obj._visible = n;
}, this.vel);
};
// – uso
mc_miclip.blink(10);

Prototype escalar I

Domingo, Enero 18th, 2004

// – 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) {