Comunidad de diseño web y desarrollo en internet online

Efecto Matrix

Citar            
MensajeEscrito el 06 Abr 2005 12:24 pm
Muy buenas.... el caso es que ando intentando hacer algo mas o menos semejante al efecto matrix esas letras "codigo" que va callendo y desapareciendo de forma aleatoria y tal.... y no se mu bien como hacerlo.... amas mi intencion es acerlo dentro de una forma rara... una especie de simbolo... cosa que el acerlo dentro no creo k sea lo mas complicado, ya que podria acerlo que lo iciera en toda la pagina o solo en un cuadrado y utilizar una mascara para que solo se viera donde quiero, pero el caso es que no tengo mucha idea de como hacerlo.... a poder ser me interesaria hacerlo por codigo ya que asi ocuparia mucho menos espacio que por animaciones fotogramas e interpolaciones....
Pues eso aber si alguien me exa un cable...
Saludos y asta pronto...

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 06 Abr 2005 03:57 pm
hola!

bienvenido!


pues yo tengo entre mis archivos un ajemplo, viejo, pero q funciona... solo tendrias q adaptarlo tal cual a lo q necesitas, pero lo aleatorio de los numeros esta resuelto. aki te dejo el fla en flash 2004 espero te sirva...te recomiendo q cuando necesites algun ejemplo asi, busques aki en la seccion de ejemplos, ademas hay muchisimas paginas con ejemplos muy utiles, como flashkit y ultrashock, o bien date una vuelta por el google o el buscador de tu preferencia, de hecho este q posteo, lo baje hace ya tiempo de flashkit (pagina que encontre por medio de google).
saludos

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT



Ultima edición por rosvel el 06 Abr 2005 03:59 pm, editado 1 vez

"la oficina"

firefox
Citar            
MensajeEscrito el 06 Abr 2005 03:58 pm
es un deja-vú o se me parece al avatar de algun bofh? XD XD

Por _david

565 de clabLevel


1 articulo

Genero:Masculino  

Bogota, Colombia

firefox
Citar            
MensajeEscrito el 06 Abr 2005 04:00 pm
:lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 06 Abr 2005 09:40 pm
gracias rosvel.... pero lo que ando buscando no es solo que cambie entre ceros y unos.... sino q aga tb el efecto de que el codigo va callendo y desapareciendo y tal.... por eso era algo mas complicado lo que ando buscando... xo gracias de todos modos....

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 06 Abr 2005 09:59 pm
:roll: No te entendimos _david. :lol:

JotaRe, hay infinidad de efectos de Matrix en la WEb. Si no te urge yo el fin de semana me aviento uno y te lo paso.

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

clabbrowser
Citar            
MensajeEscrito el 07 Abr 2005 11:58 am
oook, muchas mercis javierdaniel.... e conseguido varios efectos del estilo matrix en la web flashkit, aora el problema es que cuando los intento modificar los simbolos "caracteres orientales o algo asi" se convierten en letras normales... supongo que porque no tengo el mismo tipo de letra.... pero bueno aparte de eso, que cambiandole el tipo de letra se solucionaria, aora el problema es que no consigo hacer que ese efecto me salga solo dentro de un logo que dibuje.... pero vaya que e probado a ponerlo como fondo en unas letras y tampoco.... lo e probado aplicandole una mascara pero no ay forma siempre me sale el efecto matrix encima de todo lo que ponga, incluso si pongo un cuadro relleno en la primera capa y lo pinto todo d color.... bueno aber si me podeis solucionar esto tambien.... muchas gracias por todo....

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 07 Abr 2005 01:30 pm

javierdaniel escribió:

: Si no te urge yo el fin de semana me aviento uno y te lo paso.


Eso sera si no me adelanto yo... MWHAHAHAHA .....

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 07 Abr 2005 06:09 pm
A ver si éste te sirve.


El .fla lo puedes descargar de aquí :wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  



Ultima edición por La100rra el 11 Ago 2005 03:29 am, editado 3 veces

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 07 Abr 2005 06:17 pm
:crap: la100rra no nos hagas sufrir sale

Código :

Not Found
The requested URL /matrix.zip was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. 


Saludos XD

Por flasher

Invitado



 

firefox
Citar            
MensajeEscrito el 08 Abr 2005 04:42 am
lo mas facil para crear un efecto de matrix es crear unos movie Clips que intercalen el movimiento, es decir que uno suba el otro baje , el proximo suba y asi susesivamente, dentro de cada clip se ponen campos de texto con variables, ya programando en action script a las variables se le asigna mediante un random numeros de 1-8 en octal , 1-a-f en hexadecimal y 1 y 0 en binario que es asi como basicamente se representa la informacion en las computadoras y todo esto se pone en un siclo infinito ;)

luego les mando el ejemplo 8)

Por hackjasl

72 de clabLevel



 

msie
Citar            
MensajeEscrito el 08 Abr 2005 05:49 am
Listo, perdón, por el error, ya está corregido, ya funciona el link de descarga

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 08 Abr 2005 12:18 pm
Muchisimas gracias La100rra eso es justo lo que andaba buscando... aber si acabo lo que intento acer y os lo pongo pa q opineis.... es una web q empece ace ya muchisimo xo q x falta de tiempo no abia seguido, y aora q tngo algo mas d tiempo voy a ver si la acabo, muchisimas gracias y peazo d web q es esta, asta ac muy poco no la conocia xo no veas como responde aki la gnt... nos vemos saludos...

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 08 Abr 2005 12:29 pm
Me lo bajo xo no me dja descomprimirlo.... q ago??? es q el archivo esta mal???

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 08 Abr 2005 01:52 pm
"unexpected end of archive"

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 09 Abr 2005 04:18 am
Tienen el winzip? :?

el archivo "JKMatrixComponent6.mxp" es un componente para el cual necesitan el extension manager de macromedia, lo puedes descargar desde aquí:wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 09 Abr 2005 09:13 am
Juuul.... nose si as cambiado algo del archivo o no... xo el caso es que ayer no pude abrirlo me daba error y oy si me a dejado.... y mira que ayer probe a bajarmelo varias veces...
no tngo el winzip, xo uso winrar q en mi opinion es bastante mejor.... y asta aora no abia tenido ningun problema con un zip... de echo oy lo e abierto con winrar...
muchisimas gracias y saludos....

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 09 Abr 2005 10:23 am
MWHAHAHAHAHAHAHA ME adelante ... :lol::ninja::cc::lol:

LO QUE NECESITAN :
-Un campo de texto con las letras embebida en el ESCENARIO PRINCIPAL, llamado muestra [la letras y el tamaño de la letra que querais poner]
-Grabar las cases tal y como se diga aki....
-Poner el fonde de la movie en negro
-Leer el ultimo paso

Clase "NoMatrix.as"

Código :

class NoMatrix {
   public var x:Number;   var y:Number;   var ancho:Number;   var alto:Number;
   var ruta:MovieClip;   var tmp:MovieClip;
   var maskara:MovieClip;
   var tmpp:NoCadena;   //var idd:Interval;
   function NoMatrix(xx:Number,yy:Number,anchoo:Number,altoo:Number) {
      x = xx;
      y = yy;
      ancho = anchoo;
      alto = altoo;
      ruta = _root.createEmptyMovieClip("ruta",_root.getNextHighestDepth());
      maskara = ruta.createEmptyMovieClip("maskara",ruta.getNextHighestDepth());
      ruta.setMask(maskara)
         maskara.beginFill(10,100);
         maskara.lineStyle(1,10,100);
         maskara.moveTo(x,y);
         maskara.lineTo(x,alto+y);
         maskara.lineTo(x+ancho+10,alto+y);
         maskara.lineTo(x+ancho+10,y);
         maskara.lineTo(x,y);
         maskara.endFill();      
   };
   
   function start() {
         setInterval(this,"cadena",70);
   };
   function cadena() {
      tmpp = new NoCadena(ruta,Math.round((x-20)+(ancho+40)*Math.random()),
Math.round((x-20)+(ancho+40)*Math.random()),
Math.round(7+10*Math.random()));
   };

};


Clase "NoCadena.as"

Código :

class NoCadena {
   var x:Number;   var y:Number;   var long:Number;
   var ruta:MovieClip; var c:MovieClip; var cc:TextField;
   var ar:Array;   var est:TextFormat;
   function NoCadena(rutaa,xx,yy,longg) {
      x = xx;
      y =yy;
      long = longg;
      ruta = rutaa;
      this.one();
   };
   
   function one() {
      c = ruta.createEmptyMovieClip("c"+ruta.getNextHighestDepth(),ruta.getNextHighestDepth());
      c.x = x; c.y =y; c.long=long;
      c.onEnterFrame = function() {
         if(this.empiezo!=1) {
            this.empiezo = 1;
            this.i = 0;
            this.createTextField("c"+this.i,this.i+1,this.x,this.y,20,20);
            cc = this["c"+this.i];
            cc.embedFonts = true;//false;//true;
            cc.autoSize = "left";
            cc.selectable = false;
            cc.multiline = false;
            cc.background = false;
            cc.text = String.fromCharCode(40+Math.round(70*Math.random()));
            ar.push(cc.text);
            this.estilo = new TextFormat();
            this.estilo = NoCadena.ponColor("0xFFFFFF");
            cc.setTextFormat(this.estilo);
            
         } else {
            this.i++;
            if(this.i++>2*this.long) {delete this.onEnterFrame; this.removeMovieClip(); };
            if(this.i<=long) {
               for(this.k=0;this.k<this.i;this.k++) {
                  if(this.k<3) {
                     this.estilo = NoCadena.ponColor("0x00CC66");
                  } else {
                     this.estilo = NoCadena.ponColor("0x00CC00");
                  };
                  this["c"+this.k]._y += this["c"+this.k]._height;
                  this["c"+this.k].setTextFormat(this.estilo);
               };
               this.createTextField("c"+this.i,this.i+1,this.x,this.y,20,20);
               cc = this["c"+this.i];
               cc.embedFonts = true;//false;//true;
               cc.autoSize = "left";
               cc.selectable = false;
               cc.multiline = false;
               cc.background = false;
               cc.text = String.fromCharCode(random(122-33)+33);
               ar.push(cc.text);
            this.estilo = new TextFormat();
            this.estilo = NoCadena.ponColor("0xFFFFFF");
            cc.setTextFormat(this.estilo);
            } else {
               for(this.k=0;this.k<=this.long;this.k++) {
                  if(this.k<3+(this.long-this.i)) {
                     this.estilo = NoCadena.ponColor("0x006600");
                  } else {
                     this.estilo = NoCadena.ponColor("0x009900");
                  };
                  this["c"+this.k]._y += this["c"+this.k]._height;
                  this["c"+this.k].setTextFormat(this.estilo);
               };
               this["c"+(this.i-this.long-1)].removeTextField();
            };      
         };
      };
   };
   public static function ponColor(col:String):TextFormat{
      _root.est = new TextFormat();
      _root.est = _root.muestra.getTextFormat();
      _root.est.color = col;
      return _root.est;
   };
//   function creaLetra(
};


Cosas que tendras que poner en tu Movie para que funcione

Código :

import NoCadena;
import NoMatrix;
var neo:NoMatrix = new NoMatrix(0,0,300,300);
neo.start();


importante
NoMatrix(x,y,ancho,alto)
pues los parametros del cuadrado donde kieres que se ponga

**NOTA** SE y soy consciente de que el codigo esta bastante mal, pero bueno, ya se mejorara, por lo menos es facil de modificar la clase NoMatrix se encarga "del todo", mientras que NoCadena, se encarga de las cadenas ...

Si quereis el efecto autentico, hay por ahi una tipografia estilo Matrix-Console con los simbolillos raros, este ejemplo ira bien para no complicarse la vida metiendo MC [poco modificables] en tus movies....

Editado modifique el post para que no se descuadrase el foro.

LINKAZOS
EJEMPLO : http://www.nodani.com/clases/nomatrix.html
ARCHIVOS http://www.nodani.com/clases/

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 09 Abr 2005 02:38 pm
Que buenos, efectos han subido chavos. Bueno creo que ya no es necesario subir, otro. Aprovechare mi ratito libre el domingo, para seguir con mi blog.

Saludos!

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

clabbrowser
Citar            
MensajeEscrito el 09 Abr 2005 08:53 pm
ICEM4N, que buen efecto lograste, ¡¡ Felicidades !!
mira que ponerte a hacerlo desde cero, Bárbaro.

Saludos :wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 14 Abr 2005 05:14 pm
Una preguntilla....
que es esactamente lo que hace el archivo JKMatrixComponent6.mxp porque si no estoy equivocado es como si añadiera un componente nuevo al flash, pero voy a los componentes del flash y no aparece por ningun lado.... y lo malo del archivo que pasastes comprimido es que no se puede modificar la pelicula que tiene en si el efecto, pero bueno, ya e visto que si hago el efecto como han explicado arriba en una pelicula y esta la importo a la biblioteca, luego aplicandole una mascara puedo hacer que unicamente se visualice lo que quiero....
Pues eso haber si me aclarais lo que hace el archivo "JKMatrixComponent6.mxp"
Muchas gracias a todos de nuevo por vuestras respuestas y saludos....

Por JotaeRe

96 de clabLevel



 

msie
Citar            
MensajeEscrito el 15 Abr 2005 08:13 am
En efecto, es un componente, y a la hora de instalarlo con el extension manager te debió aparecer esto:

The MatrixRain component is a realistic Matrix Animation in which you can control the word that is shown, the size of the matrix drops and if either the animation auto-starts or not.

After installing you will find the component under JK Components in the Components Panel.
For additional help look at MatrixRain Component in the Help Panel.


Es decir, en el panel de componentes busca el que se llama JK Components :wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 15 Abr 2005 10:20 am
Ps... yo utilizaria el mio, solo tienes que buskarte la letra "matrix console" por alguna web, poner como dije arriba y .... para la maskara retokar un poko la clase noMatrix.... te ahorras de componentes - por mucho que digan, siempre me parecieron poko personalizables excepto los de MM

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

mozilla
Citar            
MensajeEscrito el 16 Abr 2005 07:33 pm
Muy cierto ^^

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 09 Ago 2005 11:39 pm
que pena ICEM4N, pero agrego el textfield y le pongo el nombre de instancia muestra, èro no me funciona :( ¿que estaré haciendo mal?
---(las clases las copie y las pegué tal y como están en este post ---

Por henker

50 de clabLevel



Genero:Masculino  

Colombia

opera
Citar            
MensajeEscrito el 10 Ago 2005 07:38 am
Err.... en que no funciona? muestra algo? como llamaste a las clases? es MX o MX2004 ??....

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 10 Ago 2005 02:35 pm
ok!!!
es mx2004, con el código que posteaste creé dos archivos .as, a saber: NoCadena.as y NoMatrix.as, luego abro un documento de flash y en el creo dos capas, una para AS que contiene:

Código :

import NoCadena; 
import NoMatrix;
var neo:NoMatrix = new NoMatrix(0,0,300,300); 
neo.start();

en la otra capa creo un textfield con nombre de instancia: muestra.
en la biblioteca agrego una fuente y lo corro y no me funciona :(
Lo que tengo hecho hasta el momento (el fla y los AS) están en este archivo: http://www.endet.net/development/EfectoMatrix/EfectoMatrix.zip

Por henker

50 de clabLevel



Genero:Masculino  

Colombia

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.