Wednesday, 30 September 2015

Mid sem break (Processing)

Ive been working on the code. I couldn't add mountains around the gold before. But now i know. Here is the logic, at first I created a grid and push every single square into a array list. Then i add event listeners for those squares which will trigger place gold function. In the place gold function, I check for if currently there isn't any gold on the grid then I add child on the specific square. Then I call the add mountains function after that. In the function, I tracks position of the selected square (the position of array list). The position number is like that, it starts from 0 from the top left hand corner and count it down vertically to the bottom right 24.  For example, if i want to place a gold in position 12. I will need to place mountains on position (12-6, 12-5, 12-4, 12-1, 12+1, 12+4. 12+5, 12+6).


Due to the limited duration and coding ability, I also decided not to have two grids. That way, i am able to lessen my workload and the game can still be competitive. The process of the game would now be: first, a person has to place a gold (players are not allow to look at it at that time). After that, the game may begin. Each player has to takes turn and click on the square and  to guess where is the gold.

Saturday, 26 September 2015

Week 9 Prac B

In today' s Prac, Ive been advised that i can make a grid system and i will only need 10 keys to do that. And i decided to use W, A, S, D, F, G (on the left) and UP, DOWN, RIGHT, LEFT (on the right)

grid system looks like



Here is my plan:


However, i will need a lot of things to change in my code. For my last prototype, i used mouse to move and point to the targeted square and click on it. But this time, i have to use keyboard keys to press on the targeted square. So i have to change basically more than half of my code.

Wednesday, 23 September 2015

Week 9 Prac A

During week 9, Makey Makey has been introduce to us. In today's class, we start using makey makey which is quite easy to understand and use. Makey Makey is just like a keyboard. We need to connect to something that are able to transmit electricity. In todays prac, we played mario cat using foil to tab each key.

After that i started thinking about my prototype. Because my game has a 5 x5 grid which i needed 25 keys to press on. However, the makey makey only has 22 input. So I'm thinking of having a smaller grid like 4 x 4.

Tuesday, 22 September 2015

Week9 C09

Restaurant Dining Experience

  • What is the existing experience? From different stakeholder P.O.V.? 
  • What external/internal factors impact on the experience?
    - the food
    - waiter's attitude
    - condition of restaurant facilities
    - duration of waiting for the order
    -hygienic condition of the restaurant
    - service
  • What aspects of the existing experience could be enhanced/augmented/supported with technology?
    - duration of waiting for the order
    -hygienic condition of the restaurant
  • How would introducing technology in to this context change the experience?
    - Introducing technology in to both fine and casual dining will add its value. But it depends on the kind of technology. For example, if losing human service in fine dinning will also lose its value.
  • What experience scenarios might you test with the technology?
    - having a device for ordering
    - use machine to clean tableware

Wednesday, 16 September 2015

Week8 Prac A

In today's prac, we got an opportunity to show what we've done to our peers. In this section, I basically told them to place a gold by clicking on the grid and the other player is not allowed to look at it. After that, they looked at the instruction then start the game. Once, one of the player found the gold, the game ends.

Here are the feedback that i got from my peers:



Most of the responses 60% says that think the game is fun but 33% and 16% of the rate the game as satisfactory. I think it's because now the game is abit too basic. I should add more elements like what i was planning to have. I will add mountains so players know when they are getting closer to the gold.(also bomb)

100% of the responses says they fully understand how the game works. I think it is because i added a instruction page so the players know what to do without my explanation.

5 out of 6 responses show that they like the design of the game but 1 of them didn't like it that much, i think it is because the when player hover on the grid the, the object on the grid will blink which influence the overall look of the game and I will fix that. 

In order to improve the game, i will be adding more features like bomb (make player lose), mountains (clues for the player when they are getting closer to the gold). Also i have to fix the gold hiding problem because sometimes the gold wont hide so that the other player is able to see the gold which influence the objective of the game. I also need to fix the blink section.

Sunday, 13 September 2015

Week 7 continue implementing

In these 3 - 4 day, i've been following the plan.

My working plan:
0. front page
1. grid for player 2 
2. place only one gold on each grid
3. show instruction, game start
4. click on box and check if gold is here or not
5. player1/2 wins

Ive made a front page which consists the title of the game "The Thief" and a play button. I converted the title in symbol(movie clip) and add it on stage at the position that i want. I also converted the play button into button so when hover on it, the mouse will change to pointer. 

Next, i added event listener to the button. By doing that,  users click the play button, they will be directed to the setting page and title and button will be removed from the stage. Where players have to place one gold on their grid, one by one. Gold will hide after 3 second, it gives time for users to memories and confirm where did they place the gold. 


I also added another grid for player 2. Even i'm using the same grid symbol. I duplicated that symbol and named it a different name. By doing that, i was able to create new child class. For that class, i added event listeners to handle hover out and over and click as well. 

After both of the players placed gold, instruction will pop up.


This instruction is actually a button, so players can press anywhere to start the game.
As the instruction mentioned, player 1 starts first. In each round, each player has to click on one square. In order to let players know which square they are pointing to, i add a hover effect. However, both of the grid already have event listeners for placing the gold so i had to remove those listeners. This time i decided to have a slight darker square for hover effect. After i remove listeners, I add new listeners. If the gold wasn't place on that grid, the selected square will change to a darker colour and it cannot be selected again. Finally, the gold will appear if one of the player found the gold and the message box will shown.


Due to the limited time, ability and skills, i had to simplify it and show the very base of the game to peers.


Wednesday, 9 September 2015

Week7 C07

In today's lecture, Greg talked about how to design questions for testing prototypes.
Questions should be clear and specific, they should also give clear instructions on how to answer. Ordering of the questions are also important.

Two types of response:
Qualitative

  • Deals with descriptions - can be observed but not measured. 
  • Understand underlying reasons. 
  • Unstructured or semi-structured techniques. 

Quantitative

  • Deals with numbers - measure incidence. 
  • Structured techniques.

We were ask to revisit user testing questions from the video prototype and distinguish which are qualitative  and quantitative.
  • Can you understand the concept? quantitative
  • How would you rate the concept? quantitative
  • How would you rate the video? quantitative
  • Would you play this game? qualitative
  • Can you suggest a better name for this game? qualitative
  • What features can be improved for the concept and how? qualitative

Week 7 Start implementing

The grid that i implemented last week wasn't useful for my idea, and i found a tutorial webpage of how to build a minesweeper game in Flash CC. That tutorial helped me to get started.

I created a new file to start over. At first, I used the small part of the code that draws grid, and hover effect on the grid.

Here is the code for the grid:

Then, i created another child class for grid and in that class. In that class, its basically tell how the grid should behave in the game. So i add EventListener for when hover over the grid the gold then the gold appears, when hover out the grid (square) it disappear and when click on the box it place the gold.

 After that, i can successfully hover over and out on each box and also place gold on it. Then, i was planning to add mountains surrounded square, however, i was having so much trouble when implementing it. Due to the short limit of duration, i changed my plan.
First, i have to make another grid for player 2 -> place only one gold on each grid -> game start -> click on box and check if gold is here or not -> player1/2 wins

I'm hoping i can get these tasks done by Monday.

Tuesday, 1 September 2015

Week 6 Prac A & B


During today's prac, I start thinking of how to implement my idea. At first, i had not idea how to start. Because the tutorial "pong" that we did from last week 5 is totally different game with my idea. Therefore, i think of the most important element in "The Thief" which is the grid, so i decided the first thing to get start with is to make a 5x5 grid. I was looking for tutorial in google, then i found this: 
this tutorial helped me to get started and i made a grid successfully. But then, i had no idea how to make it when hover over the square gold will appear, when move out of the box gold will disappear and when click the gold will stay. I will need to keep trying for the up coming assessment.