Comunidad de diseño web y desarrollo en internet online

pre loader circular

Citar            
MensajeEscrito el 24 Oct 2006 07:03 pm
Tengo problemas con un cargador en forma de un velocimetro.

no logro que la aguja gire conforme al porcentaje cargado. debe de girar de cero a cien en un angulo de 90 grados (es un cuarto de la caratula redonda) este es el script que uso.

onClipEvent (load) {
b_total = Math.round(_root.getBytesTotal()/1024);
}
onClipEvent (enterFrame) {
b_loaded = Math.round(_root.getBytesLoaded()/1024);
if (b_loaded>=b_total) {
_root.gotoAndPlay("inicio");
} else {
porcentaje = (b_loaded/b_total)*100;
_root.barra._rotation += 90, getProperty (porcentaje, _x)
output = Math.floor(porcentaje)+"% cargado";
}
}

se agradese cualquier ayuda.

Por eidos

1 de clabLevel



 

netscape
Citar            
MensajeEscrito el 24 Oct 2006 07:19 pm
barra._rotation = porcentaje*360/100;

yo lo hice así para un círculo de 360 grados si el círculo (ángulo) es de 90º ...

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox
Citar            
MensajeEscrito el 28 Nov 2008 11:05 pm
Soy nuevo en Flash y me gustaría saber como hacer la precarga circular ¿Hay algún tutorial para principiantes?

Me gusta el efecto, aquí un ejemplo: [url=http://www.tattoo-world.ru/index.php/ru]

Mil gracias
:wink:

Por xc70

30 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Nov 2008 11:25 pm

Por Keith_NT

451 de clabLevel

3 tutoriales

 

México, Estado de México

firefox
Citar            
MensajeEscrito el 29 Nov 2008 08:43 am
Gracias por tu respuesta. Ya miré la sección de tutoriales para novatos y el loader que tengo ahora funcionando es con barrita y me gustaría cambiarlo por uno circular que queda más vistoso. Busqué en el foro y encontré este hilo antiguo pero con las pocas instrucciones de estos usuarios avanzados no se como hacerlo yo :oops:

Muchas gracias
:wink:

Por xc70

30 de clabLevel



 

safari
Citar            
MensajeEscrito el 02 Dic 2008 02:20 am
Lo unico que debes de hacer es cambiar la animacion de la barra por una que sea un circulo girando,
no le veo mucho problema, a menos que lo estes haciendo con AS, :)

Por Keith_NT

451 de clabLevel

3 tutoriales

 

México, Estado de México

firefox
Citar            
MensajeEscrito el 02 Dic 2008 09:24 am
Si pero para que el arco valla rellenando el círculo hasta completar los 360º que será el 100% de la precarga no lo veo tan fácil. No quiero un círculo girando sin parar no tiene sentido en una precarga. No lo veo tan fácil.

Saludos
:wink:

Por xc70

30 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Dic 2008 10:05 am
si ya tienes el preloader funcionando, puedes hacer la animación que tenga 100 fotogramas y en poner:

Código ActionScript :

mc_animacion.gotoAndStop(porcentaje);

Saludos

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Dic 2008 10:19 pm
Basandonos en este tutorial Precarga en Flash

La siguiente funcion creara un circulo que se ira llenando hasta llegar al 100%

Código :

var lado_a:Number = 0;
var lado_b:Number = 0;
var radio:Number = 50;
_root.createEmptyMovieClip("mc",2);

function circulo(num:Number) {
   with (mc) {
      lineStyle(0,0x000000,100);
      beginFill(0x000000);
      moveTo(0,0);
      for (i=-180; i<=num-180; i+=5) {
         lado_a = (radio*Math.cos(Math.PI/180*i));
         lado_b = (radio*Math.sin(Math.PI/180*i));
         lineTo(lado_a,lado_b);
      }
      endFill();
      mc._rotation = 90;
   }
   mc._x = 200;
   mc._y = 200;
}

El codigo del tutorial, solo que agragandole la llamada a la funcion

Código :

function cargando() {
   var total, cargados, porcentaje;
   total = _root.getBytesTotal();
   cargados = _root.getBytesLoaded();
   porcentaje = Math.floor((cargados*100)/total);
   porcentaje_txt.text = porcentaje+" %";
/////////////////llamo a la funcion creada////////////////
   circulo(porcentaje*3.6);
///////////////////////////////////
   if (cargados == total) {
      clearInterval(hiloPrecarga);
      play();
   }
}
var hiloPrecarga = setInterval(cargando, 50);
stop();


Estos codigos deben de ir en el primer fotograma.
El movieClip creado servira como mascara para un mc con forma de dona, algo parecido a la precarga que mencionas,
claro que esto es un ejemplo (no necesariamente de la mejor manera) debes de adaptar el codigo a lo que tu realmente buscas, suerte :D

Por Keith_NT

451 de clabLevel

3 tutoriales

 

México, Estado de México

firefox
Citar            
MensajeEscrito el 04 Dic 2008 08:44 pm
Al final dices: "mc con forma de dona" ¿te refieres a redonda o círculo, no?

Mil gracias Keith, te estoy muy agradecido :wink:
Saludos

Por xc70

30 de clabLevel



 

safari
Citar            
MensajeEscrito el 06 Dic 2008 03:25 am
Mira aquí hay una libreria de animaciones de precargas y está la q necesitas:
[url=http://www.cristalab.com/ejemplos/51/libreria-de-animaciones-de-precarga.html]

Por Loop

67 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 06 Dic 2008 09:36 am
Loop te estoy muy agradecido, pero yo buscaba uno que se fuera creando conforme la carga y no como ese que gira sin parar.

Yo he encontrado este que si lo hace conforme la carga: [url=http://ffiles.com/flash/preloaders/circle_diagram_preloader_2145.html]

Saludos :wink:

Por xc70

30 de clabLevel



 

safari

 

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