Zodiac Puzzle

A Hand Gesture Game by Leap Motion

My Roles

Design

Front-end

Client & Date

LMC 6310

2015 Fall

Methods

Heuristic Evaluation

Usability Testing

Tools

Sketch 3

Html/Css/Js

LeapJS

Horoscope API

The zodiac is a diagram used by astrologers to represent the positions of the planets and stars. It is divided into twelve sections, each of which has its own name and symbol. The zodiac is used to try to calculate the influence of the planets on people’s lives.

This project is to provide a playful way to learn information about zodiac for both interactors and audiences.

It’s based on Leap Motion.

Code: https://github.com/zhangxiaoxue/zodiac_puzzle

Targeted Users
  • Children aged 8 to 12 who like hand-gesture games
  • Young girls who are interested in “Horoscope Puzzle”
  • People who would like to learn about their zodiac signs through playing
Hurdles
  • How to map the coordinate values received from the controller to browser coordinate system.
  • Hand detecting and tracking of Leap Motion is not precise.
  • How to use hand gesture to simulate drag and drop event.
Design Imperatives
  • Provide simple and logic process that even kids can understand.
  • Reduce the difficulty of hand gesture operation.
  • Be conversational by offering operation feedback.
Hand Gestures Defined

There are three major hand gestures applied in my project: pinch, spread and swipe.

Design Details

Because of the inaccuracy of hand gesture data received by Leap Motion, I design big operations zone and in some cases, expand them.

As it's difficult to expect the result of one gesture operation. I provide a complete feedback system of these operations.

When interactors' hands swipe above Leap Motion, the current zodiac will switch to previous or next zodiac sign. In this way, if the interactor is now working on one zodiac sign and accidently swipe his hand, the current working draft will not save. Thus, I provide a confirm window to check whether to jump.

Design Interfaces
Project Feedbacks

During the course exhibition, I got the feedback from the course professor: "It's the most polished project in the exhibition."