opera.com

Reader mode

How To Create A Simple Animation Movie With Html Editor

Frederick2001 1d

Hey dear! I gonna show you how to create a simple animation movie with html (apk).

Things you will need:

1. Basic html knowledge.

2. Background images.

3. OMG or gift images.

I have used the following images in this tutorial :

View pictures in App save up to 80% data.

View pictures in App save up to 80% data.

Create a html file first. Now open the file in text editor and write the following program in it:

<html>

<body background="/storage/emulated/0/DCIM/Camera/House.jpg"width="100%">

<marquee direction="right"><img src="/public/images/detail/placeholder.png" alt="" data-src="/storage/emulated/0/DCIM/Camera/Car.png"width="15%"/></marquee>

</body>

</html>


NB. You have to check the location of the image to be used before typing the image location. Like mine is located as follows "/storage/emulated/0/DCIM/Camera/House.jpg" and the second image as "/storage/emulated/0/DCIM/Camera/Car.png"


Now save and run the program View pictures in App save up to 80% data.

View pictures in App save up to 80% data.

Since the car is moving at the top, we will adjust it's position now. You can use CSS or html breaks <br> to adjust the position.

Therefore, add <br> as shown below View pictures in App save up to 80% data.

Until it arrived at right position

NB. The more you add the <br> the more the car or whatever image goes down.

View pictures in App save up to 80% data. View pictures in App save up to 80% data. View pictures in App save up to 80% data.

Wow! Let's take a ride in the car!

You can use image according to your need, let's change the image now.

If you wanna change the car to another image, all you have to do is just replace the location of the car with that of the one you wanna use. View pictures in App save up to 80% data.

This is the result

View pictures in App save up to 80% data. View pictures in App save up to 80% data. View pictures in App save up to 80% data.

You can add more fun in it, try yourself

Have fun!

Please, like, share and if you are confused or you wanna ask questions comment below .

Source: opera.com
The views expressed in this article are the writer's, they do not reflect the views of Opera News. Read more>>

Less Data,More News — Less than 1MB