Links

Technology

• Mobile-Only
• HTML
• CSS
• Javascript
• ES6
• AngularJS
• ThreeJS
• PhysiJS

Role

• UX Designer
• Developer

Summary

DiceRoller was a small web app prototype I worked on for my mobile design class. The goal was to take an app idea and create something completely unique and experimental. I decided to create an app that allowed users to roll 3D dice using unique gestures and movements. It requires a mobile phone with multi-touch or an accelerometer to use.

Process

We were given two weeks to reinvent an app with unique gestures. I decided to use threeJS and physiJS libraries, which allowed me to create 3D objects complete with physics. My source of inspiration was the dice effect from the classic board game Trouble.

Result

This assignment was a true test of my JavaScript skills. After two weeks I had a working prototype that was able to use two different kinds of dice (d4 and d6). The dice can be rolled via a pinch gesture, or by moving the device up and down.