Comunidad de diseño web y desarrollo en internet online

Burbujas aleatorias, modificar sus parametros

Citar            
MensajeEscrito el 15 Feb 2009 01:57 pm
Hola a todos, me he encontrado con este ejemplo de burbujas aleatorias. Me gustaría saber si se puede configurar para que este apareciendo sin parar y configurarle X cantidad de burbujas, como lo podría hacer??

No se ActionScript, ni Flash, ni nada de eso, solo me interesa esto.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 15 Feb 2009 06:45 pm
hola, prueba esto:

Código ActionScript :

MovieClip.prototype.creaburbu = function(nivel, radio) {
   nuevo = this.createEmptyMovieClip("bola"+nivel, nivel);
   with (nuevo) {
      angfinal = 360;
      lineStyle(0, 0xcccccc, 0);
      matrix = {matrixType:"box", x:-4, y:-10, w:radio, h:radio, r:0};
      beginGradientFill("radial", [0xffffff, 0xCBECFE], [100, 60], [0, 0xff], matrix);
      radian = Math.PI/180;
      segm = 60;
      moveTo(radio, 0);
      for (var s = 0; s<=360; s += segm) {
         c_x = radio*Math.cos(s*radian);
         c_y = radio*Math.sin(s*radian);
         a_x = c_x+radio*Math.tan(segm/2*radian)*Math.cos((s-90)*radian);
         a_y = c_y+radio*Math.tan(segm/2*radian)*Math.sin((s-90)*radian);
         curveTo(a_x, a_y, c_x, c_y);
      }
      endFill();
      _y = random(20)*10+200;
      _y = Stage.height;
      _x = 100 + random(40)*10;
   }
   this.nuevo.onEnterFrame = function() {
      velocidad = random(6)+1;
      direccion = random(8)+1;
      movimiento = random(6)+1;
      this._y = this._y-velocidad;
      this._alpha = this._y-5;
      if (direccion == 1) {
         this._x = this._x-movimiento;
      }
      if (direccion == 4) {
         this._x = this._x+movimiento;
      }
      if (this._y<5) {
         this.removeMovieClip();
      }
   };
   ult += 20;
};
//esto es fuera del proto
var j:Number = 0;
this.onEnterFrame = function()
{
   _root.creaburbu(j++, random(6)+10);
}


Solo sustituye por el codigo del ejemplo y ve los resultados, luego me dices que modificaciones necesita y por ultimo, si deseas aprender dime y te lo explico. Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 15 Feb 2009 06:56 pm
Yaasss, no tengo el programa aquí en Linux, conoces alguno bueno para Linux, es decir, algún editor de archivos .fla, conoces??

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 15 Feb 2009 07:08 pm
:S :P pues el editor de flash, flash mx, flash 8, flash cs3. no me digas que no tienes el editor, :P bueno pues tienes que adquirirlo para poder modificar ese archivo del ejemplo y producir tus propios swf. dices que no sabes que onda con flash, lo que podemos hacer es que si solo es para modificar ese archivo, yo lo modifico y te envio el swf, ¿para que necesitas el efecto de las burbujas?

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 15 Feb 2009 08:45 pm
Es que me gustaría adaptarlo en una de mis webs ;).

Por cierto, no se de Flash, pero si me gustaría saber como interactua ese codigo ;).

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

chrome
Citar            
MensajeEscrito el 15 Feb 2009 09:27 pm
Primero que nada, para poder probar un codigo tienes que "adquirir" una version de flash, versiones trial en Adobe.com. segundo, para adaptarlo a tu web, primero tendras que probarlo y ver si es lo que necesitas y modificarlo hasta obtener el resultado deseado. luego con el archivo swf resultante ya podras incroporarlo a tu web. Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 15 Feb 2009 11:05 pm
LongeVie a mi si me gustaría que comentases el código, nunca está de mas ampliar conocimientos, y ya hace un tiempo estuve investigando sobre este tema.

Un saludo!

Por Fusel

Claber

339 de clabLevel



Genero:Masculino  

Madrid (España)

firefox
Citar            
MensajeEscrito el 16 Feb 2009 01:35 am
Que decir, el codigo no es mio, solo le he modificado un poco para los fines de Distriker, de todas formas intentare colocar una serie de comentarios.

Código ActionScript :

//Protoripo de movieclip, significa que todos los movieclips tendran esta nueva funcion, crearburbu.
MovieClip.prototype.creaburbu = function(nivel, radio) { 
//crea un clip vacio dentro de este movieclip con nombre "bola"+nivel
   nuevo = this.createEmptyMovieClip("bola"+nivel, nivel); 
//Dibuja la burbuja
   with (nuevo) { 
      angfinal = 360; 
      lineStyle(0, 0xcccccc, 0); 
      matrix = {matrixType:"box", x:-4, y:-10, w:radio, h:radio, r:0}; 
      beginGradientFill("radial", [0xffffff, 0xCBECFE], [100, 60], [0, 0xff], matrix); 
      radian = Math.PI/180; 
      segm = 60; 
      moveTo(radio, 0); 
      for (var s = 0; s<=360; s += segm) { 
         c_x = radio*Math.cos(s*radian); 
         c_y = radio*Math.sin(s*radian); 
         a_x = c_x+radio*Math.tan(segm/2*radian)*Math.cos((s-90)*radian); 
         a_y = c_y+radio*Math.tan(segm/2*radian)*Math.sin((s-90)*radian); 
         curveTo(a_x, a_y, c_x, c_y); 
      } 
      endFill(); 
//posiciona la burbuja
      _y = Stage.height;//lo mas abajo de la pelicula 
      _x = 100 + random(40)*10; //aleatoriamente despues de la pisicion 100 
   } 
//cada que suceda un frame se ejecuta automaticamente esta funcion
   this.nuevo.onEnterFrame = function() { 
//movimientos aleatorios
      velocidad = random(6)+1; 
      direccion = random(8)+1; 
      movimiento = random(6)+1; 
//efecto de movimiento
      this._y = this._y-velocidad; 
//transparencia con respecto de la altura
      this._alpha = this._y-5; 
//curso del movimiento
      if (direccion == 1) {//izquierda 
         this._x = this._x-movimiento; 
      } 
      if (direccion == 4) {//derecha
         this._x = this._x+movimiento; 
      } 
//si se llego al tope
      if (this._y<5) { 
         this.removeMovieClip(); //esta burbuja es eliminada
      } 
   }; 
   ult += 20; 
}; 
//esto es fuera del proto 
var j:Number = 0; 
this.onEnterFrame = function() 
{ 
//cada que suceda un frame creamos una burbuja
   _root.creaburbu(j++, random(6)+10); 
} 

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 16 Feb 2009 09:09 pm
Muchas gracias por todo, cuando me descarge el Adobe, ya os comentare.

Saludos y gracias.

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 09 Abr 2010 09:30 am
Muy buenas a mi me gustaria saber que parametros modificar para aumentar el tamaño de las burbujas y hacerlas mas transparentes, he modificado varios parametros pero solo consigo que se deformen pero no aumentarlas
muchas gracias

Por snake82

6 de clabLevel



 

firefox

 

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