Any questions? Any answers?
Post Reply
Posts: 2
Joined: Wed Feb 06, 2019 4:18 pm
Name: Amy Joyce


Post by WingzDesign » Wed Feb 06, 2019 4:22 pm

Is there a tutorial for creating animated landscape images? I have a couple of programs I can create animations with and would like to know if I attempt this what file extension would I save it as?

User avatar
Posts: 8786
Joined: Tue Apr 27, 2010 3:38 am
Name: Marty
Location: Mansfield, Ohio USA

Re: Animation

Post by countryroads » Wed Feb 06, 2019 7:39 pm

Hi Amy,

The following htmls are the same program with different latitude and longitude.

I currently have 2 landscapes - Winter landscape and Warm weather landscape.
I have day time animated action - bird flying and stick figures walking.
I have night time animated action - shooting stars.

This is still a work in progress.

You will find the following variables.

var longitude = -82.52;
var latitude = 40.76;
var localoffset = -5;
var zenith = 90.83;

var hemisphere = 'North';
var hemi = 'West';

var originaloffset = localoffset;

Find out your latitude and longitude.
For your location, change latitude, longitude, and local offset.
Use the Winter time local offset.
You may need to change hemisphere and hemi.

W3schools has an html5 canvas tutorial.
They also have a canvas clock with step by step instructions.

That is how my clock was started.
I then needed a tree.
Researching, I found fractal trees.

W3shools tutorial and clock started this clock.
Everything else has been research.

Here are digital versions of a clock with statistics.
The sky is the only animation.

I hope the above information helps you.


Post Reply