Demo
Little Filmmakers - A Film Making Adventure is a game for kids aged 3-5 years, introducing them to the exciting world of film-making in a fun and educational way.
Overview
A game designed to be played on tablets for kids aged 3-5. The objective of this game is to create interest and introduce the kids to the different stages of filmmaking.
There are four puzzles, which the user can choose from and play. The objective in each puzzle is to find the 5 objects shown at the bottom in the scene. Points are awarded for finding the right item and deducted for choosing the wrong item.
Roles
- User Interface Designer
- Front End Developer
- GSAP Animator
Deliverables
- Completely designed game
- Completely functional, error free game
- GSAP Animations
Project Specifications
- Design the scenes for each puzzle.
- Design logo for the game.
- Design all screens of the game.
- Develop and test the game.
Process
I began by creating a branding for the game, based on the demographic and the theme of the game. I came up with a name, designed the logo, chose the color palette and fonts for the game.
Once the branding was ready, I generated a few images reference images using Firefly for each of the scene, then using these reference images, I created each object in each of the puzzle scenes and set it up for export as SVG.
Once I had created all the scenes, I moved on to exporting them as SVGs, and started developing the game. I took the approach of using each scene as SVGs and adding click event listeners to the objects within the scene to get the required functionality of user being able to tap the object and the object disappearing.
Once the game was completely developed, I went through extensive testing to ensure that the game did not break under any conditions, this was very important for me as this was a game intended for kids and kids have a unique ability to break anything and everything.
After the basic requirements were completed, I added the feature of timer, each puzzle is given a timer and the user only wins if they are able to find all the 5 objects within that time limit.
This was done to make the game more interesting, fun and to make users want to return and play again.
Takeaways
The design and development of this game gave me valuable insights on how powerful the combination of SVGs and DOM Manipulation with Javascript/jQuery is.
This game pushed me in improving my illustrator skills as I had to create many objects for each puzzle scene.
Tools Used
