Final Game Project

I struggled with this final project a bit, because I moved from one idea to another, I started doing one thing and then changed to smth else. I was trying to create a battleship GPS game, did a lot of coding, but was not able to finish and decided to do smth with no technology involved.

In the class I got an advice to create dada and I found it really interesting. I did Geocaching and only one thing that I didn’t like about it was that the geocache inside wasn’t that interesting, just a log book. So for my final project I decided to advance the idea of geocaching. Dada is a game where you have to look for geocaches in the city, which are boxes with lines of the poems in them and create your own dada poem. “Tzara, gave the following instructions on how “To make a Dadaist Poem” (1920):

Take a newspaper.
Take some scissors.
Choose from this paper an article the length you want to make your poem.
Cut out the article.
Next carefully cut out each of the words that make up this article and put them all in a bag.
Shake gently.
Next take out each cutting one after the other.
Copy conscientiously in the order in which they left the bag.
The poem will resemble you.
And there you are—an infinitely original author of charming sensibility, even though unappreciated by the vulgar herd. “

In my rules of Dada, you can mix the lines you got in any way you want. I changed a map that I did for my another project, and placed QR-code of the web page on the box. I also created a treasure hunt app using Locatify. I wanted to post my dadas on Geocaching website, so other people can play it, but unfortunately it’s not possible, because geocaches cannot link to any websites or advertisements.

First I had to make the boxes not so visible

bkxe0wpuwj4

ejy83a3dmrq

Then put QR-code and name on it

6g_pjqrend8fhn7jrahqpy

Then cut all the papers. Good “anti-stress” during finals. Lots of cutting

vnk3cdmhtwu sswzgcjzocy

ldg7rlblq1s jfumnlwpnik

Then the best part – walking around the city and looking for a good locations to hide geocaches. I spent almost on day.

_5s6f-kc_hu i_lsm9gddo4 fmk9rdingcw

And before putting it I took papers from them to create my own poem as well.

ijkblkyudzg

The website:

The app:

puiosnbm3j0 ah7m7r1jkec eiihy9atz5g x7shq7an57g

LM: JSON Website – TA

For my website I decided to map Asiya’s GeoJSON data set.  I had to make some modifications to the set, and I had trouble accessing the JSON file on GitHub, so I downloaded a local version and used that with the website.  The changes I made were to ensure all the category names were consistent throughout the file, and to add an image category with the link to a free use image of each park (usually from Wikipedia).  Then it was a simple matter of modifying the Mapping API code to show each category where I wanted it.  I tried to change the point icon by just changing the color of the normal Google icon, but I couldn’t figure out the code necessary to do this.  Instead, I looked online and found a free icon that seemed appropriate for parks and used that.  The result was a plain website that shows where some of the major parks of Buenos Aires are located.  The code can be found on GitHub here.

jsonwebsite-ta

Final Project

For my Final Project, I wanted to expand on my beacon project to make it more interactive, fun, and game-like. I added trivia questions that the player has to answer before being able to receive the next clue. These questions make the player explore the area around the intended landmark. They would have to read the descriptions of the landmark or walk around the area to be able to answer these questions. For example, when asking for the name of the farthest dorms from the NYU Prague academic building, the player would have to find a student and ask them. This will hopefully provide a more interactive experience for the player.

In the future, to add a more competitive aspect, a point system could be added. Answering questions on the first try would provide more points than multiple tries and the speed of which the landmark was located in.

screen-shot-2016-12-21-at-1-15-07-pm

screen-shot-2016-12-21-at-1-03-27-pm

<!DOCTYPE html>
<head>
		<title>
			Scavenger Hunt!!!
		</title>
</head>

<body>
	<h1>
		<em> Come Join the Treasure Hunt!</em>
	</h1>

	In this game you will be given clues and questions which will lead you to your next destination. Compete with your friends to see who can find the treasure firstHAVE FUN!!!

	<p>First Clue:</p>
	<p>A giant moving head</p>


</body>


<!DOCTYPE html>
<head>
		<title>
			Scavenger Hunt!!!
		</title>
</head>

<img src = "http://www.thisiscolossal.com/wp-content/uploads/2016/05/kafka-1.gif">

<body>
	<h1>
		<em> Good job finding the statue of Kafka! Answer the following question to recieve your next clue: <p> Which of these nearby places did Einstein frequently visit? (click to answer) </p>



	<div id="choice1" onclick="incorrect()" href="#">
		<h2>Cafe Metropolis</h2>
	</div>
	<div id="choice1" onclick="correct()" href="#">
		<h2>Cafe Louvre</h2>
	</div>
	<div id="choice1" onclick="incorrect()" href="#">
		<h2>McDonalds</h2>
	</div>
	<script>
		function correct(){
			alert("You are correct! The next clue is: Imagine");
		}
		function incorrect(){
			alert("Sorry that was incorrect, please try again.");
		}
	</script>

</body>


<!DOCTYPE html>
<head>
		<title>
			Scavenger Hunt!!!
		</title>
</head>

<body>
	<h1>
		<em> Good job finding NYU Prague! Answer the following question to recieve your next clue: <p> What is the farthest NYU Prague dorm from the academic building? (click to answer) </p>



	<div id="choice1" onclick="incorrect()" href="#">
		<h2>Machova</h2>
	</div>
	<div id="choice1" onclick="incorrect()" href="#">
		<h2>Sletzska</h2>
	</div>
	<div id="choice1" onclick="correct()" href="#">
		<h2>Osadni</h2>
	</div>
	<script>
		function correct(){
			alert("You are correct! Congradulations on Completing the Treasure Hunt! Your prize is being able to admire NYU Prague!");
		}
		function incorrect(){
			alert("Sorry that was incorrect, please try again.");
		}
	</script>

</body>

Beacon Project

For my beacon project I wanted to create a simple treasure hunt using the beacons that were given to us. My plan was to create an interactive activity which would allow phone users to go outdoors and explore the world a bit more.

In this game the player will receive a clue. They will then proceed to try and locate the location that the clue is hinting them towards. When they think they have arrived, they will scan the area with their phone using the app Phyweb. When they find the beacon, they will click on the link and it will then congratulate them for finding the first clue and and give them another clue to direct them to the next location.

This a simple game which has the potential to be much more with more interactive aspects like trivia questions and things like that. This could also be expanded from a city activity to a country activity to even a global activity.

screen-shot-2016-12-21-at-12-46-52-pm

screen-shot-2016-12-21-at-12-46-19-pm

<!DOCTYPE html>
<head>
		<title>
			Scavenger Hunt!!!
		</title>
</head>

<body>
	<h1>
		<em> Come Join the Treasure Hunt! First Clue </em>
	</h1>

	A giant moving head


</body>



<!DOCTYPE html>
<head>
		<title>
			Scavenger Hunt!!!
		</title>
</head>

<img src = "http://czechmatediary.com/wp-content/uploads/2015/01/number-7.jpg">

<body>
	<h1>
		<em> Good job finding the Lennon Wall! Here is the third clue. </em>
	</h1>

	<p> Best Univeristy in Prague </p>
</body>

Saadiyat Dash: a locative media game

For my locative media game I really wanted to do something that involved the Saadiyat campus since I’ve spent so much time here. I was thinking a lot about how during my time here, I never wander. Whenever I leave a location I always have somewhere to go next and I almost never stop somewhere else on the way. Because of this, I decided I wanted to turn this daily routine of getting solely from point A to point B into a bit of a location based game.

THE RULES
I divided the Abu Dhabi campus into 6 sections.
screen-shot-2016-12-21-at-9-30-13-pm

I wanted to include an old game method in my new location based game, so I decided to incorporate dice. To play the game, you roll one die three times. The first role determines point A, the second role determines point B, and the third role determines one of 6 conditions.

screen-shot-2016-12-21-at-9-41-49-pm

For example, If I rolled a 1, a 5, and a 1, I would have to get from the Campus Center to the center of the A5 building. In addition to this, I would not be allowed to come into contact with the sun. The game is meant to be played during the daytime between two people, or in teams of 3. There are different ways that you can win each round depending in the different conditions.

The conditions were specifically chosen because of the landscape of the Abu Dhabi campus and its architecture.

Some interesting findings during play testing.

The parking garage was a large asset to people who wanted to avoid the sun. However, it is very easy to get lost in the parking garage, especially if you do not know the different corridors and their numbers.

screen-shot-2016-12-21-at-9-50-50-pm

screen-shot-2016-12-21-at-9-50-56-pm

Some parts of the parking garage are only accessible by elevator, so this definitely affects movement from one part of the campus to another.

A lot of the campus incorporates different triangle elements into its architecture, which is where the idea for the condition about not being able to step on triangle tiles came from. This was a really tricky one, and required game testers to use a combination of the high line, the parking garage, and the ground floor to get from point A to point B.

screen-shot-2016-12-21-at-9-51-09-pm

Mapping Buenos Aires

When I first decided to use Asiya’s park data about Buenos Aires I didn’t know what I wanted to show the viewer. I messed around a lot with park size, accessibility, and a few other constraints. I knew it would be challenging to map a place without 1)ever having been there and 2) having a very limited dataset. I think its very clear to me now that data collectors and the mappers have very different ideas of what will happen to the data and how it will be used to communicate a point.

I decided what to do with the data after I came across this article by CNN.

The article discusses a study that concluded that living near nature was linked to living a longer life. I was really fascinated by this idea, and started thinking about how problematic this relationship is. I then started thinking about real estate, and how expensive in big cities to live near green space.

This led me to Sothebys, the international auction house, and their Buenos Aires website. When I compared the data set that Sothebys had on their houses for sale, it was clear that there was a correlation to Asiya’s data. (Sotheby’s data here)

In order to better convey this message to the user, I decided to make large transparent circles around the parks that Asiya had planted, and small dots where the Sotheby’s data was. This way, I could how easy it is for someone who owns expensive real estate in Buenos Aires to travel to the park.

screen-shot-2016-12-21-at-9-13-57-pm
From the center of a large circle to the edge, it is about a 5-7 minute walk.

You can find the code for my map on the IMA github.

Streetcat Scan: an Eddystone Beacon Project

For my Eddystone Beacon project I originally planned on using beacons to send notifications to peoples phones. On the Abu Dhabi campus, you often walk past buildings like the Arts Center or the Social Sciences building but aren’t aware that just beyond the doors there is a gallery opening or a speech being given. I wanted to help make these events more visible and allow people to ‘see inside’ the buildings while just walking past.

I spent a lot of time testing the EVO Things iBeacon sketch with both Androids and iPhones and was never able to successfully get a notification sent from the background to the phone. I also had the larger issue of building the database that would allow users to submit data via forums that could then be sent out through the beacons. Because of these two larger issues, I decided to pivot to something more simple, yet still meaningful.

Because I had been experimenting with cats and location based cat media this semester, I chose to make an app that detects when the StreetCat has entered the engineering design studio and displays the last time that the cat was seen there. I made the application and edited the .js through the evothings viewer.

The technical aspect of the app is simple. You attach a beacon and a battery to the cat, and use an iPhone or iPad to run the app. When the cat comes within a certain distance, the timer resets.

img_3620
Here is what the application looks like optimized for iPhone

I had trouble trying to figure out what RSSI values worked best for the cat and the best way to detect when it had entered the room. I did a lot of data testing outside the lab and plotted the points and RSSI values. You can see them below.

screen-shot-2016-12-21-at-1-36-06-am

The iPad is displayed in the kitchen of the engineering design studio. I chose this location because the cat comes here often, and when it enters the room it almost always goes to the kitchen for food. In addition, there is a lot of other data displayed in the kitchen (tweets, other projects, etc) so it its in with the space.

img_5603

img_3036

screen-shot-2016-12-21-at-1-24-10-am

In order to attach the beacon to the cat, I designed a small canister that fits the beacon, a 100 ma battery, and a small perf board which I soldered the components onto.

You can see a short video of the project here:

The cat unfortunately didn’t like wearing the collar, and tried to tear it off every time it was placed on her. I still need to come up with a better way to attach it to her.

LM: Exquisite Location (Final Project) – TA

For my final project I wanted to create a simple game that required no modern technology.  After mulling over a few ideas that didn’t seem quite right, Matt and Marianne mentioned the exquisite corpse activity.  The premise of this activity is to draw or write something, then hide what you have done and pass the partial composition to the next person to add to.  In the end several contributors will have created a collective piece without knowing what any of the other contributors had done.  The results can be very weird. exquisitefinal2-ta

For my location-based project, I took the idea of passing a project from one person to another from the exquisite corpse activity.  However, instead of having each entry hidden from the next contributor, I had the participants record their location on a piece of paper and pass that paper to any other participant they happened to encounter over the course of the day.  Specifically, I had each participant record their location every hour on whichever paper they had with them, and to exchange papers with other participants they encountered.  Essentially, the game is tracking the papers rather than the players, so the results will show where the group was collectively without knowing where any one person was.  The detailed set of rules I used for my trial round can be found here: https://docs.google.com/document/d/1bcxIL66loH1ehoxWg7hICZo_UhF0NS8Jb40369VUOxo/edit?usp=sharing

exquisitefinal4-TA

I was able to get a handful of participants to help me test the game, but with classes finished and everyone studying for finals there were unfortunately little to no encounters, so there wasn’t a substantial amount of exchange.  I may test this game while classes are going on to see how it plays with lots of paper exchanges like I wanted.  Still, we were able to work out how to handle multiple meeting at once, or someone meeting two other participants after the two had already exchanged their papers, and so on.  I don’t know how much this game would catch on, but it definitely makes one aware of their location around the time when entries need to be made.  I participated in the test, and I remember waiting an extra 15 minutes before going to the grocery store, just so I could add a more interesting location to the paper.  Overall, I think there is some potential for this game but it would need to be played with many participants when there is a lot of opportunity to exchange papers (i.e. during the semester when classes are in session).

Locative Media| Asiya Gubaydullina| Location-Based App

An assignment for our final project was to create a location-based app meaning the player must move during the game in order to play. Well, well, well. If panic is not my greatest motivation, I don’t know what is because I did not like any of my previous ideas and started panicking the closer we got to the deadline. After all, I am pretty happy with my final outcome, which is a story of Ruby Red. Ruby’s father had died in India in one of his expeditions, however left Ruby a task to find the rest of whatever he was looking for in India. He only leaves her one clue, to go to London first. Long story short, she also goes to Paris, Venice and Constantinople (because it happened a long time ago). Now, once she goes through all the levels, she finds out that her father, Mr.Red, in fact, found the time-travelling watch and asked her to find the precious stones that were needed to make it work. So, that is the storyline.

Ruby travels to four cities in Europe. I am in one town in the US. How do I make the travelling happen? Well, I used Google Maps to track my location and my movements and stream it in real time. However, in order to make the old Europe happen, I used overlays. So, I have 16th century maps overlaid on the area where I am. So, when I go to the kitchen to get more coffee or outside to the pool, I go different places on all four maps. In real time, I still haven’t even left the block but on the map I might as well be drowning in Venice canal. The only problem I see is that the overlays take around 20 seconds to load.  There was a lot of mapholder styling involved. Mapholder opening is initiated with the button click. I think the button effect is pretty cool since I used Magic Animations. Once initiated, location request is sent.

img_4527 img_4526

Continue reading

Location Based Game: Monopoly with the City

Monopoly with the City

Ideas and designs

The game setting is when you go travelling with your friend in a new city, and want to go around the city with more fun. But differently from traditional Monopoly game, the money is represented as real-world time, the time spending in a place will goes to the “pocket” of the “owner” of that place.

Players:

Your traveling buds and you would be players in this game

Rules:

First Part: Virtual Online Game

In this part, the goal is to let players could get familiar with the city and what are the places of interests.

With the same rule as Monopoly, but use the Subway as the game map; the game is based on Google Map, and every subway station has recommended places of interests you could “purchase”, players could purchase different places in the same subway station; For example, when A bought NYUShanghai at station Century Avenue, when B get to that station, he cannot buy NYUShanghai anymore, but could purchase the “Shopping Mall”;  but right now, the players only purchase the places, without paying to each other, like when B get to century avenue after A’s purchase of NYUShanghai, B don’t need to pay for A, the paying rules is stated below.

Second Part: Real World Sightseeing

When your group go out to the city, feel free to go wherever you want, but every place you go, the game will trace your tracks, and the gross time you guys spend in a certain space will be counted, and the “owner” of that place will get scores thereof. For example, if ABCD get out from Century Avenue Station, and enter the shopping mall which belonged to B for 1 hour, and then visited NYUShanghai for 1hour, then A and B will get the same score.

How to win:

After finishing your trip, before you guys leaving the city, the game will calculate the sum of your time consumptions in those places, and thereafter decide who got the most “gross time” of the group.