TandemTables Forum
Trains and Planes - Printable Version

+- TandemTables Forum (http://tandemtables.com/forum)
+-- Forum: Tandem Trends (/forumdisplay.php?fid=1)
+--- Forum: Code (/forumdisplay.php?fid=3)
+--- Thread: Trains and Planes (/showthread.php?tid=17110)



Trains and Planes - The Professor - 04-23-2019 12:44 PM

http://d21c.com/leprofesseur/css/trains-n-planes.html


RE: Trains and Planes - Handy - 04-23-2019 05:44 PM

Beautiful Professor, great work.


RE: Trains and Planes - Janerice - 04-24-2019 01:25 PM

A W E S O M E


RE: Trains and Planes - Linda - 05-09-2019 10:52 PM

Impressive work.


RE: Trains and Planes - tonebytone - 05-12-2019 11:56 AM

That is fantastic. I love how it gets darker and darker. I also love how, when the upper train returns from the right, how the tree leaves cover part of the train. What a great use for marquees - I assume these are marquees.


RE: Trains and Planes - The Professor - 05-12-2019 11:28 PM

(05-12-2019 11:56 AM)tonebytone Wrote:  That is fantastic. I love how it gets darker and darker. I also love how, when the upper train returns from the right, how the tree leaves cover part of the train. What a great use for marquees - I assume these are marquees.
No marquees here. JavaScript was used to produce all movement by trains and planes.

The leaf effect was produced by first cropping out parts of the trees. They were then "sewed" back together using css positioning with an opacity factor added. This produced an illusion of depth by the train passing beneath the branches where in fact they really occupied the same position while passing.
http://d21c.com/leprofesseur/css/autumn.jpg
http://d21c.com/leprofesseur/css/autumn-left-cover3.gif http://d21c.com/leprofesseur/css/autumn-left-cover2a.jpg http://d21c.com/leprofesseur/css/autumn-left-cover1.jpg


RE: Trains and Planes - tonebytone - 05-13-2019 11:44 AM

Thanks, Professor. You are WAAAAY ahead of my meager coding skills, lol.