Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Jesse Thompson
Jesse Thompson
10,684 Points
Posted by Jesse Thompson
Jesse Thompson
10,684 Points

What does this website use to do this airplane flying affect?

If you scroll down on this page to that big red section there are planes flying around in the background. Its a really clean website and those planes they look vector sharp, it couldnt possibly be a video.

It looks so smooth as if its an engine running natively on my computer. Thought it might have been webAssembly or something.

https://www.hrgworldwide.com/

This was the html that surrounded it in when I inspected it in the console. I saw a .pde file. What is that?

html <canvas id="flocking_plane" data-processing-sources="https://www.hrgworldwide.com/wp-content/themes/hrgMu/plane.pde" tabindex="0" width="2545" height="487" style="image-rendering: -webkit-optimize-contrast !important;"></canvas>

1 Answer

Jesse Thompson
Jesse Thompson
10,684 Points
Jesse Thompson
Jesse Thompson
10,684 Points

I went to the domain the file was hosted on. Turns out its just a really cool little javascript animation program.