Animation

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

Animation

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?
Thanks

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

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.


http://hikingweather.co.nf/YoClockMarty.html

http://hikingweather.co.nf/YoClockSydney.html



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.

http://hikingweather.co.nf/YoDigitalMiniMarty.html

http://hikingweather.co.nf/YoDigitalSydney.html

I hope the above information helps you.

Marty

Post Reply