Hvordan lage en BMP i Animasjon

Selv BMP grafikkfiler ikke har innebygde animasjoner, kan du gjøre dem vises animert ved hjelp av Javascript og HTML-kode for å bla gjennom en serie av BMP-filer. Den største fordelen med å animere BMP-filer i stedet for å bruke animerte GIF-filer er de ekstra fargene du kan bruke. BMP kan lagre og vise millioner av farger, mens GIF kan bare lagre 256 farger. Men forbruker animere BMP mer prosessorkraft enn GIF, så bruk denne prosedyren med måte.

Bruksanvisning

1 Åpne Paint og dra musen over lerretet for å lage et eksempel ramme for BMP animasjon. Lagre bildet som "m1.bmp" og deretter opprette to flere bilder på samme måte, som sikrer hvert bilde er litt forskjellig fra den forrige. Bruk "m2.bmp" og "m3.bmp" for filnavnene for de resterende to bildene.

2 Åpne WordPad, og deretter lime inn følgende kode, som definerer et nakent HTML-webside for din nettleser:

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

3 Lim inn følgende Javascript-kode etter "<HEAD>" tag. Denne koden definerer en funksjon som erstatter kilden til et bilde for "<IMG>" tag hver gang funksjonen kalles. Javascript uttalelse som følger funksjonen setter opp en timer som kaller funksjonen med jevne mellomrom. Du kan endre frekvensen som denne erklæringen kaller funksjonen for å endre animasjonshastigheten. For å gjøre dette, endre "500" til et annet nummer, som skal oppgis i millisekunder. For eksempel, hvis du vil at tiden mellom rammer for å være et kvart sekund, skriv "250" i stedet for "500."

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

Last bilder for animasjon /
Var BMP1 = new Image ();
BMP1.src = "m1.bmp";
Var BNIP2 = new Image ();
BMP2.src = "m2.bmp";
Var BMP3 = new Image ();
BMP3.src = "m3.bmp";
funksjons animate_images (x)
{
if (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 Lim inn følgende HTML-kode etter "<BODY>" tag. Denne koden definerer en "<IMG>" element, som forteller nettleseren for å vise bildet som er angitt i "src" attributt. Den "animate_images" funksjonen du skrev endrer verdien av dette attributtet hver gang funksjonen kalles, som produserer animasjonen.

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

5 Trykk "Ctrl" og "S" samtidig for å åpne "Lagre" i dialogboksen. Skriv inn et navn på filen som ender i "HTM", som forteller nettleseren at filen er en webside. Klikk på "Any" element i "Type" drop-down listen, klikk på "Lagre" for å lagre websiden da.

6 Åpne nettleseren, klikker du på "File" -menyen, klikk "Åpne" -kommandoen, og deretter navigere til og dobbeltklikk på HTM-filen du nettopp lagret. Nettleseren din laster websiden og driver sin Javascript-kode for å animere BMP-bilder du har gjort.

Hint

  • Du er ikke begrenset til å bruke bare HTML og Javascript for å animere BMP. Alle programmeringsspråk som kan vise BMP-filer kan animere denne filtypen.