Cooper Hewitt Take Two

In Designing Meaningful Interactions, ITP

Yurika and I decided to drop the Inspector Clementine game that we presented last week. Instead, we are going to build a web app that let’s kids create their own creatures/monsters using textiles from the Cooper Hewitt collection. We’re calling it Cooper Creatures.

 

Audience

Children within the age range of 6-10 who are interested in making their own unique creatures. Children around this age range have a budding imagination and many like to create and play with their own creatures. Yurika and I remembered how big of a role character/creature driven games were when we were kids and we wanted to capitalize on that.

 

interface

The screen will immediately show the drawing page with a possible “Get Started!” button which will take the user to the main interface.

 

5

 

 

The main interface will have a left side bar of shapes and body parts, and a collapsable color/texture pallet at the bottom that will appear once a shape is inserted into the canvas or clicked on. The top bar will have our site logo in the Cooper Hewitt typeface as well as a save and clear button. There will also be undo and redo buttons.

 

walkthrough

 

And an example of a monster/creature:

 

coopercreatures

 

We would like to add a feature that would allow the user to access their museum visit’s images, and have a personalized collection of textile textures that they collected during their visit along with the full collection. Once they understand that they can create their own collection of favorites, it may encourage them to go back to the museum and explore to find more textures for their creatures.

 

The creature

In order to make this experience engaging with the targeted audience, we are thinking of adding some details and character traits to the creatures the user creates.

 

We are considering a point system for the shapes that would determine a characteristic of the creature such as a “scary”-meter. The pointier objects may have more “scare” points whereas more rounded shapes would have “nice” points.

 

The textures may provide personalities to the creatures by color theory and/or pattern analysis.

 

830ee28c01a0af75ab4ed516f2ac6844

 

The texture characteristics may be distinguished amongst floral patterns, geometric lines, narratives, repetitive patterns, etc.

 

Finally, when the child is done creating their creature, they may save it, and our site will generate a creature card for the user.

 

coopyhewy

 

 

Technical stuff

We are thinking that fabric.js would be a good library to use for the canvas portion of the drawing app. This library has built-in functions for manipulating and transforming objects that are created within the canvas, and have a direct translation of SVG objects that we can upload from Illustrator for the more complex shapes.

 

The library also allows for texture tiling from image sources, which would make the texture clipping much easier.

Submit a comment