Crear animaciones en flash para una página web
Soy novato en flash y estoy preparando unas pequeñas animaciones para mi web. Me gustaría saber como hacer una precarga de las típicas de cargando y que aparezca el porcentaje o una barra. Otra pregunta es como se hace para que las animaciones sean instantáneas casi, como en la página del periódico el mundo oen ebay.
1 Respuesta
Respuesta de avatarofwoe
1
Para hacer el Preloader tenemos que usar 2 escenas, cabe añadir que esta es sólo una forma de hacerlo, ya que un preloader se puede hacer de muchas más formas.
En la primera escena llamada "Scene 1" pondremos la barra, un campo de texto dinámico (donde irá el porcentaje en cifras) y la programación.
Creamos nuestra barra y le ponemos como nombre de instancia "barra", luego más abajo creamos un campo de texto dinámico y le ponemos como variable "porcentaje".
En la primera escena llamada "Scene 1" ponemos un "label" en el primer frame llamado "preloader"
En la segunda escena llamada "Scene 2" ponemos un "label" en el primer frame llamado "inicio"
Ahora volvemos a nuestra primera escena y nos situamos en el primer frame y ponemos el siguiente código:
if (_root.getBytesLoaded()>=_root.getBytesTotal()) {
_root.gotoAndPlay("inicio");
}
A = ((_root.getBytesLoaded()/_root.getBytesTotal())*100);
porcentaje = Math.round(A)+"%";
_root.barra._xscale = A;
Expliquemos el código:
if (_root.getBytesLoaded()>=_root.getBytesTotal()) {
_root.gotoAndPlay("inicio");
}
Esto comprueba si se ha cargado toda la película, si es así, entonces nos vamos al primer frame de la escena 2 (llamado "inicio") y empezamos a reproducir la película principal. Cabe añadir que podemos decirle que vaya a un frame de la misma escena, hemos hecho 2 escenas sólo por motivos didácticos.
Se comprueban los bites cargados hasta el momento y se comparan con los bites totales, por tanto cuando los bites cargados sean iguales a los bites totales la película se habrá finalizado de cargar y empezará la animación principal.
A = ((_root.getBytesLoaded()/_root.getBytesTotal())*100);
porcentaje = Math.round(A)+"%";
Aquí primero se divide el número de bites cargados hasta el momento por el número de bites totales de que consta la película, luego multiplicándolo por 100 obtenemos el porcentaje cargado hasta el momento de la comprobación.
Luego definimos la variable "porcentaje" como el porcentaje anterior mostrado en números enteros mediante Math. Round(A), y le añadimos el signo de porcentaje "%" para que se vea también.
Como podemos observar esta variable se llama igual que nuestro campo de texto dinámico anterior, por lo que este porcentaje se irá mostrando en dicho campo de texto según se va comprobando.
_root.barra._xscale = A;
Aquí definimos la escala de nuestra barra de porcentaje mediante_xscale, y la igualamos a A que es nuestro porcentaje cargado hasta el momento, por tanto la barra irá creciendo según la película se va cargando.
Por último vamos al segundo frame de nuestra primera escena y le ponemos el siguiente código:
gotoAndPlay ("Scene 1", "preloader");
Esto significa que al llegar al frame 2 volveremos al primer frame donde tenemos nuestro label "preloader" y seguiremos comprobando si nuestra película ha terminado de cargar, sino es así se irá mostrando el porcentaje cargado cada vez que la cabeza lectora pase por el primer frame de nuestra primera escena.
En cuanto a lo de las animaciones, en general no son muy pesadas así q´ cargan rapido y para animaciones complejas q´ si pesarían ya algo por lo general se hacen aplicando también ActionScript, El ActionScript ayuda a disminuir el peso y mejoran el rendimiento de la película...
En la primera escena llamada "Scene 1" pondremos la barra, un campo de texto dinámico (donde irá el porcentaje en cifras) y la programación.
Creamos nuestra barra y le ponemos como nombre de instancia "barra", luego más abajo creamos un campo de texto dinámico y le ponemos como variable "porcentaje".
En la primera escena llamada "Scene 1" ponemos un "label" en el primer frame llamado "preloader"
En la segunda escena llamada "Scene 2" ponemos un "label" en el primer frame llamado "inicio"
Ahora volvemos a nuestra primera escena y nos situamos en el primer frame y ponemos el siguiente código:
if (_root.getBytesLoaded()>=_root.getBytesTotal()) {
_root.gotoAndPlay("inicio");
}
A = ((_root.getBytesLoaded()/_root.getBytesTotal())*100);
porcentaje = Math.round(A)+"%";
_root.barra._xscale = A;
Expliquemos el código:
if (_root.getBytesLoaded()>=_root.getBytesTotal()) {
_root.gotoAndPlay("inicio");
}
Esto comprueba si se ha cargado toda la película, si es así, entonces nos vamos al primer frame de la escena 2 (llamado "inicio") y empezamos a reproducir la película principal. Cabe añadir que podemos decirle que vaya a un frame de la misma escena, hemos hecho 2 escenas sólo por motivos didácticos.
Se comprueban los bites cargados hasta el momento y se comparan con los bites totales, por tanto cuando los bites cargados sean iguales a los bites totales la película se habrá finalizado de cargar y empezará la animación principal.
A = ((_root.getBytesLoaded()/_root.getBytesTotal())*100);
porcentaje = Math.round(A)+"%";
Aquí primero se divide el número de bites cargados hasta el momento por el número de bites totales de que consta la película, luego multiplicándolo por 100 obtenemos el porcentaje cargado hasta el momento de la comprobación.
Luego definimos la variable "porcentaje" como el porcentaje anterior mostrado en números enteros mediante Math. Round(A), y le añadimos el signo de porcentaje "%" para que se vea también.
Como podemos observar esta variable se llama igual que nuestro campo de texto dinámico anterior, por lo que este porcentaje se irá mostrando en dicho campo de texto según se va comprobando.
_root.barra._xscale = A;
Aquí definimos la escala de nuestra barra de porcentaje mediante_xscale, y la igualamos a A que es nuestro porcentaje cargado hasta el momento, por tanto la barra irá creciendo según la película se va cargando.
Por último vamos al segundo frame de nuestra primera escena y le ponemos el siguiente código:
gotoAndPlay ("Scene 1", "preloader");
Esto significa que al llegar al frame 2 volveremos al primer frame donde tenemos nuestro label "preloader" y seguiremos comprobando si nuestra película ha terminado de cargar, sino es así se irá mostrando el porcentaje cargado cada vez que la cabeza lectora pase por el primer frame de nuestra primera escena.
En cuanto a lo de las animaciones, en general no son muy pesadas así q´ cargan rapido y para animaciones complejas q´ si pesarían ya algo por lo general se hacen aplicando también ActionScript, El ActionScript ayuda a disminuir el peso y mejoran el rendimiento de la película...
