0 SVG Zone - Developer Track - Airbus A321 Exterior Lighting Systems Freeplay
Adobe
Sign in My orders My Adobe
Web products   SVG  
SVG Zone
Downloads
Overview
Inspiration
Instruction
Tools
Community
Feedback
Developer track

Airbus A321 Exterior Lighting Systems Freeplay

Kris Rockwell of US Airways wrote this SVG application, "Airbus A321 Exterior Lighting Systems Freeplay," as a simulation of aircraft cockpit lighting controls and as a proof of concept for using a Smart Graphic for pilot training applications. A Smart Graphic is a single graphic file designed to be reconfigurable during runtime so that it may replace scores of static images. SVG is ideal for creating Smart Graphics.

Adobe® Illustrator® was used to create two SVG graphics: the aircraft (right side, A321top.svg) and the switches in the control panel (upper left, A321Panel.svg). Note that the image of the panel (lower left) is a static GIF file and is not interactive.

The trainee clicks on the two-position and three-position switches in the control panel to turn the aircraft lights on and off. (Clicking the switches invokes JavaScript functions that set the display property for several SVG elements.) The aircraft illumination is actually the crafty use of gradients with ordinary path elements to provide the appearance of fading spotlights.

Since the control panel is in SVG, the cockpit switch labels are internally represented as text. By simply editing the SVG files, the labels may be changed. Also, the data for the airplane may be adapted from its actual design specifications. By swapping different aircraft and cockpits, it would be simple to expand this application to a variety of airplanes. An aircraft designer could also use this application to prototype different switches and arrangements to test pilot responses to different cockpit layouts.
Return to demo