Why Mile Fright City?
Denver has a great tradition of ghost stories, and we wanted to make a fun interactive tour that explores haunted locations and their stories. However, every resource we looked into offered wildly differing stories for each location. The Molly Brown House has a laundry list of ghosts that includes all of the former house staff and a cat. The Croke-Patterson Mansion is haunted by any number of apparitions depending on the source. Some ghosts seem to be moonlighting at multiple locations. In the end, we decided to just have fun with what we saw as common narrative threads: The Molly Brown House is over capacity, Croke-Patterson makes a delightfully odd onomatopoeia, and the Oxford Hotel needs to call Ghostbouncers to deal with their pickled poltergeist.
Wiring Up the Monster
Mile Fright City is brought to afterlife by a constellation of fun new technologies: SVG filters for spooky text, GSAP to animate SVG filters, CreateJS, along with some great new features in Adobe CC. A menagerie of event listeners were wrangled into service to make this side-scroller work across desktop/mouse/keyboard and touch devices. Since a big portion of the experience is the kooky sounds, iOS9’s new sound restrictions pose a big challenge. A script that checks for iOS9+ inserts a Start button into the preloading sequence, which enables sound.
A Monstrous Mash of Music
The incidental music for the scene changes is a mashup of clips from Harry Manfredini’s legendary Friday the 13th theme and the suspenseful 3rd movement of Claude Debussy’s La Mer. Fun trivia fact: in the score for Friday the 13th, the iconic “ki ki ki… ma ma ma…” is actually Manfredini’s own voice!
A Haunted Harvest of Social Media Collateral
Adobe CC’s shared library made it easy to share assets between applications for use in video clips and still images.
For A Special Treat
Behold the comedy genius of Gene Moss: Dracula’s Greatest Hits.
Enjoy your Halloween!