Project Legend - Update for Week of 03/23 and 03/30

Objectives for the Week

  • Revise Project Plan
  • Continue to develop code for pulling up camera when in the right spot
  • Start the jigsaw puzzle

Updates from the Week

So it's April, which means I don't have very much time left. MEEP. That said, here's the revised code deliverable for the next four weeks

  • Tutorial Introduction
  • Jigsaw Puzzle
  • Location

I've eliminated the augmented reality and the hidden object game because realistically the augmented reality is going to take much longer. I put the investigation into pulling up the camera when in the right location on hold so that I can focus on these things for the final. I'm also revising my wireframes based on the feedback that was given during the first user testing. 


The documentation above was prior to class on 03/23, during which I realized that with the timeline left that making a prototype in Swift was just not possible; I was limiting myself to a technology I'm unfamiliar with. So with that, I'm building the tutorial prototype as a PhoneGap application implemented in HTML/CSS. This is much more feasible in the next five weeks and I'm also making this project for Dynamic Web Development: Mobile, so I have plenty of resources to build the tutorial at least to the point of the hidden object game for this class. 

I will still build this with Swift in the future since the concept is fundamentally an iOS game and the technology requirements mean this has to be native.

The tools I'm using are:

  • PhoneGap - simple way to create the prototype for mobile
    • Camera Plugin - I'm only pulling using this to pull up the camera based on the user's location, with PhoneGap it's even harder to find augmented reality plugins
    • Google Maps Plugin - I'm going to render the map in Project Legend to show the user where in Central Park Harlem Meer is. 
  • Javascript - I'm building the UI in plain Javascript but am leveraging a few libraries for some of the complicated parts
    • p5 - drawing the UI of the jigsaw puzzle. Thanks to Jia for talking me through how to render a p5 drawing in a regular HTML file!
    • Hammer - a JS library that enables multi touch recognition in web browsers (I'm not too sure if I will have to use Hammer since I'm doing this on a mobile device but I will have to double check)
  • JSON - I'm storing the dialog of the game as a JSON file so I can load it in dynamically into the scenes rather than pulling from a server

So with that said, the tutorial will include

  • A main menu
  • The opening dialog
  • The jigsaw puzzle
  • The map
  • Pulling up the camera when in the right spot

Where I'm at right now is that the main menu and the transition into the next page after the user picks Play Game is done - I played with some transitions there and still need some help figuring out how to bring up the dialog box from the wireframes and showing the text line by line. 

Here's what the next 5 weeks look like: 

Week of 04/06

  • Continue to work on the jigsaw puzzle logic
  • Figure out the animation for opening the dialog box 
  • Write the JSON file with the dialog until the jigsaw puzzle and load the text into the dialog box
  • Deliverable for next week: Functioning prototype until the jigsaw puzzle

Week of 04/13

  • Finish and test the jigsaw logic
  • Camera and Maps plugin
  • Write the JSON file with the dialog to bridge between the jigsaw puzzle and the map
  • Deliverable for next week: Functioning prototype - including the jigsaw puzzle and the dialog after it 

Week of 04/20

  • If not complete from last week, definitely finish the jigsaw puzzle along with camera and maps!
  • Figure the logic out of the hidden object game
  • Deliverable for next week: functioning prototype from start all the way to opening the camera when in correct spot

Week of 04/27 - FINAL PRESENTATION

For Next Week

  • Continue to work on the jigsaw puzzle logic
  • Figure out the animation for loading 
  • Write the JSON file with the dialog until the jigsaw puzzle
  • Deliverable for next week: Functioning prototype until the jigsaw puzzle