---

Here are flight demos and displays created using three.js. These are all WebGPU versions using NodeMaterials and updated to r184 or later.

In these examples, you can fly and land an animated model airplane. Your primary flight control is the mouse: use the mousewheel to change the throttle; move the mouse to bank and pitch the airplane; use the mouse buttons to press the rudder pedals. You can select views by pressing "v". You can look around by holding the shift key and moving the mouse.

Fly from an aircraft carrier and protect your teammates.

* WebGPU version

See here for flight instructions.

Defend your airbase from attack:

* WebGPU version

See here for flight instructions.

Take off in a modern helicopter and fly above procedurally-generated farmland near mountains.

* WebGPU version

Take off in a Vietnam-era helicopter and fly above procedurally-generated farmland near mountains.

* WebGPU version

See here for more information about this simulation.

In these demos, the horizon remains level since, unlike an airplane, a helicopter is primarily designed to fly upright.

In these examples, you can select the camera viewpoint, including level, locked and cockpit (FM2 only). You can pan around the aircraft using the mouse and you can pitch and bank and turn the aircraft using the buttons at the lower left. The FM2 has animated parts that you can activate with various buttons on the upper right.

* WebGPU Version

FM2 Wildcat #35 of VC27 over an animated ocean

* WebGPU Version

B29 (6BG) over an animated ocean with clouds

Here is a depiction of the Earth from space. Creating the image of earth is a common exercise for three.js programmers and many examples are available online. This version is more complex and depicts the earth using the correct angles for the sun, moon, stars and some planets. The moon is displayed in the correct position for a specific year. The texture for the stars was obtained from NASA. Here is a discussion of interesting facts I learned while creating this example.

This is an example of great circle navigation used in long distance flights. This shows the ferry route taken by B-29s during WWII.

This is a diorama showing the inner planets of the solar system. Not only are the orbits of the planets on different planes, they are not perfect circles. Consequently, I used data look-up tables to compute the position of the planets at different places in their orbits. This program shows how to rotate rotating objects around a common center - a useful feature of three.js.