An interactive mobile web application built as a companion piece to Marie Joxe-Collin's multimedia film pitch installation, Selma and Wang.
Buit with HTML5, CSS3, Ruby on Rails, AngularJS, PaperJS, Firebase, Audio5js API, Bourbon, Rspec, and Capybara.
###Versions
- Ruby 2.2.0
- Rails 4.2.0
###Databases
- PostgreSQL
- Firebase
###Features
- Mobile-First responsive design
- HTML Canvas for displaying color dots
- Firebase live synced data for displaying users' selections
- Audio5js music player with trigger points for user input.
- Mailers for newsletter subscribers
- CSS and Javascript Animations
- Feedback form and view of all users' comments
- Rspec model and controller testing
- Capybara views testing
- Facebook Oauth Login
###Details
The Selma and Wang mobile web app with a responsive design also suited to tablets and desktop devices.
The app contains two main sections, the ""Dreamtime Adventure"" Visual Experience and the "Hear Color" Audio Experience.
In the Dreamtime Adventure, visitors are asked to react to different sections of the installation by choosing a color displayed on the app. Their color selection is represented as a new dot that appears on the screen. Leveraging the power of Firebase's live syncing, their selection also appears on the screen of all other active users.
In this way, visitors to the gallery create their own collaborative, living art piece that is projected onto the walls of the installation space.
In the Hear Color Audio Experience, visitors listen to a piece of music and are prompted to choose a color that matches their mood at that moment. Designed as a sort of "synesthesia simulator", the visitor's color selections create a "patch" that is added to a virtual "quilt" of all users' patches.
This quilt is also projected onto the gallery walls and grows organically, utlizing Firebase, as visitors add their patches.
###Story Synopsis
Selma, 12, survivor of an engineering disaster, finds under her bed, a cute, yet very powerful monster called Wang that shows her how to travel from Realtime to Dreamtime, until one night they both get stuck in between and they have to combine their creative minds to go back to an new Reality.
###Creators
Discover more about the artist here: Marie Joxe-Collins
The Selma and Wang App was developed by Peter Krouse, David Maupin, and Joseph Gochua.