Tecnología

Inicio

Cómo hacer un BMP en Animación

Aunque los archivos gráficos BMP no se han incorporado en las características de animación, puede hacer que aparezcan animada mediante el uso de JavaScript y el código HTML para pasar por una serie de archivos BMP. La principal ventaja de la animación de los archivos BMP en lugar de utilizar archivos GIF animados son los colores adicionales que puede utilizar. BMP puede almacenar y mostrar millones de colores, mientras que los GIF sólo pueden almacenar 256 colores. Sin embargo, la animación de las BMP consume más energía del procesador de imágenes GIF, a fin de utilizar este procedimiento con moderación.

Instrucciones

1 Para abrir Paint y arrastre el puntero del ratón sobre el lienzo para crear un marco de muestreo para la animación BMP. Guarda la imagen como "m1.bmp", a continuación, crear dos imágenes más de la misma manera, asegurando que cada imagen es ligeramente diferente de la anterior. Use "m2.bmp" y "m3.bmp" para los nombres de archivo de las dos imágenes restantes.

2 Para abrir WordPad, a continuación, pegue en el siguiente código, que define una página Web HTML al descubierto para su navegador web:

<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

3 Pegue el siguiente código JavaScript después de la etiqueta "<HEAD>". Este código define una función que sustituye a la fuente de una imagen de la etiqueta "<IMG>" cada vez que la función se llama. La declaración de JavaScript que sigue a la función configura un temporizador que llama a la función a intervalos regulares. Puede cambiar la frecuencia con la que esta declaración llama a la función para cambiar la velocidad de la animación. Para ello, cambie el "500" a otro número, que debe ser expresado en milisegundos. Por ejemplo, si desea que el tiempo entre tramas para ser un cuarto de segundo, de tipo "250" en lugar del "500"

<Script type = "text / javascript">
var i_image = 1;
/

Cargar imágenes para la animación /
var PNM1 = new Image ();
BMP1.src = "m1.bmp";
var BMP2 = new Image ();
BMP2.src = "m2.bmp";
var BMP3 = new Image ();
BMP3.src = "m3.bmp";
animate_images función (x)
{
si (== i_image 4)
{
i_image = 1;
}
var src_of_image = "m" + + i_image ".bmp";
document.myBMPs.src = src_of_image;
i_image ++;
}
t = setInterval ( "animate_images (i_image)", 500);
</ Script>

4 Pegue el siguiente código HTML después de la etiqueta "<body>". Este código define un elemento "<IMG>", que indica al navegador Web para mostrar la imagen especificada en el atributo "src". La función "animate_images" que escribió cambia el valor de este atributo cada vez que la función se llama, que produce la animación.

<Img id = "myBMPs" name = "myBMPs" src = "m1.bmp">

5 Pulse la tecla "Ctrl" y "S" al mismo tiempo para abrir el cuadro de diálogo "Guardar". Escriba un nombre para el archivo que termina en "HTM", que indica al navegador Web que el archivo es una página Web. Haga clic en el "Equipo" elemento de la lista desplegable "Tipo", a continuación, haga clic en "Guardar" para guardar la página Web.

6 Abra su navegador de Internet, haga clic en el menú "Archivo", haga clic en el comando "Abrir", a continuación, busque y haga doble clic en el archivo HTM que acaba de guardar. Su navegador carga la página Web y se ejecuta su código JavaScript para animar las imágenes BMP que ha realizado.

Consejos y advertencias

  • Usted no está limitado a usar sólo HTML y JavaScript para animar las BMP. Cualquier lenguaje de programación que puede mostrar archivos BMP puede animar este tipo de archivo.

Artículos relacionados