Marlena Cannon Design

That Awesome Web & Graphic Design Lady

Volcano Hazards Lab

PACIFIC SCIENCE CENTER – SEATTLE, WA

This is an installation piece. View app online

Objective:
Create a touch-screen app to teach users basic facts and the hazards of local volcanoes in Washington state. Users are able to create their own virtual volcano by manipulating magma viscosity and gas volume, then watch the eruption animate.

Services:
Collaboration with PSC exhibit team on exhibition concept development, exhibition vision and goals, interactive and multimedia development and production. Worked with USGS Outreach on volcano facts and accuarcy.

Description:
This app is part of the local content for the Pompeii exhibit. We worked on a very tight timeline to create an interactive piece that fits with the visual style and message of the rest of the exhibit.

Start Screen

Start Screen

Volcano Builder Controls

Volcano Builder Controls

Low viscosity/high gas eruption

Low viscosity/high gas eruption

High viscosity/high gas eruption.

High viscosity/high gas eruption.

High viscosity/low gas eruption

High viscosity/low gas eruption

Low viscosity/low gas eruption

Low viscosity/low gas eruption

Lahar screen

Lahar screen

UI flow diagram

UI flow diagram

My Cambrian Aquarium

My Cambrian Aquarium is an educational website about the Cambrian period of Earth’s history. It is my master’s thesis project. The project includes an interactive timeline and virtual aquarium game. I created the website using HTML/CSS3/JavaScript/PHP. I made the timeline and game in Flash/ActionScript 3.

Link: http://www.mycambrianaquarium.com

My Cambrian Aquarium Home Page

My Cambrian Aquarium game

My Cambrian Aquarium Interactive Timeline

(more…)

Experience Stars

Experience Stars is an educational, interactive tool to teach about the magnitude and distance of stars. It dynamically displays data from an XML file in Flash. I designed the web app and created all code and graphics. Cygnus photo from web.

Link: Experience Stars (requires Flash player)

Experience Stars

ActionScript 3 Demo

This is a demo of several simple applications I built with Action Script 3. I created a simple interface with original cartoon-style graphics. It uses external file loading to display the Action Script 3 tutorials I completed for class assignments.

Link: ActionScript 3 Demo (requires Flash player)

ss_actionscript3demo