HTML Animation Tutorial 2: A LEGO® creation by Brickdoctor

HTML Animation Tutorial 2

Rated 2 out of 5 Change your rating

Add a comment

Zoom in

Here's my next animation, originally created for the group "514th legion".

About this creation

So, this animation concept is a lot like last time's. The coding is a little more complex.

You need:
>A computer
>A camera
>LEGOs

1) Take (for best results) eight stop-motion-animation frames at 10 frames-per-second. The animation must be able to be played over and over with seamless transition.

2) Upload all the photos to MOCpages.

3) Create a marquee with the exact same dimensions as the photos. Set the scrollamount for 200 and scrolldelay for 1. Add the photos in order. Make sure all the photos and the marquee share the same width and height.

Done!

Here's my code:
<MARQUEE width="210" height="150" scrollamount="200" scrolldelay="1">
<img src=http://www.mocpages.com/user_images/17471/12338612391_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338612462_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614773_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614874_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614925_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618306_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618347_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618388_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338612391_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338612462_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614773_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614874_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338614925_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618306_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618347_DISPLAY.jpg width="210" height="150"><img src=http://www.mocpages.com/user_images/17471/12338618388_DISPLAY.jpg width="210" height="150">
</MARQUEE>
_________________________________________________________________________________________

Again, please leave a comment and give me credit!

Comments