Weatherwise is a themeable mobile weather app and software platform built upon a 2D game engine for iOS and Android. I was responsible for leading the development teams, the UX, and creative design as well as personally illustrating and building over 25 themes. In addition to the app, I designed and lead development in the creation of software allowing independent artists the tools needed to turn their art into dynamically driven weather visualizations for inclusion in the app.
Adding a location and navigating the app
Designing the tool to bind weather to art
While designing the app my designers and I had rudimentary tools to create the visualizations. It often took over a week to create a theme, and we weren't tapping into all the potential. To solve this problem I designed software and a new process to create themes in a matter of hours. The final product maximized control over the art and the dynamic data driving it.
Mapping and visualizing Cocos 2D
To begin solving the problem I researched every function and property of the open source 2D game engine running weatherwise. I built a holistic system to control these functions in a way designers think and work. I mapped the weather underground API to Cocos's functions in the software allowing weather data to drive how animations and visuals behaved.
Creating a resusable framework
As a designer myself I understood my target user perfectly. To speed up the designer's workflow I created a system of reusable assets such as cloud systems, rain, and snow. These systems were pre-bound to data allowing an artist to drag and drop on their scenes. The system also allows the artist to create their own reusable assets for easy scene creation.
Binding weather data to art
Weather can be unpredictable. Unfortunately this made the visuals unpredictable. To solve this I designed a weather simulation system to visualize how data effects art and animation. While animating an artist can easily simulate how the data manipulates their work by changing variables like wind speed, direction, temperature, UV index and more.
With a better understanding on how weatherwise was created and works, here are 8 of my favorite themes. I illustrated each one and animated them using the software I designed.