Month: March 2017

[Interactive 2] Milestone – 28 Mar

“Cattitude”
by Putri Dina and Hannah Kwah

Milestones
Project Proposal  |  28th Mar  |  4th Apr  |  11th Apr  |  12th Apr  |  15th Apr  |  16th Apr  |  17th Apr  |  Final Documentation

Particle Videos

Neutral State

Human Detected State

Chin

Head

Back

Tailbone

Stomach

 

Resources
EditorX: http://infusionsystems.com/catalog/product_info.php/products_id/403

Overview

Select the USB port

Switch the sensor input that we are using. When pressed the touch sensor, a graph will be shown in the form of a wave to show the touch response. Multiple sensors can be used at the same time (up to 8 sensors).

Click the edit button to specifically manage the input

After clicking the edit button, a drop down will appear. This is optional for us to edit the values.

Touch v1.5: http://infusionsystems.com/catalog/product_info.php/products_id/135

 

Max Patch

Experimenting with the values from EditorX to MAX.

 

Feedbacks from LPD

  • Make the interaction richer
  • What happens when 2 sensors are touched at the same time
  • Currently, the project is at entry level, make it more complex
    E.g.: When user strokes both cheeks, the cat will purr. However, after a long period of time, it will get annoyed and respond differently.
  • The video can be more dynamic since it is currently focusing on levels of emotions. Add elements to surprise the user.

 

Moving forward
Finalize concept – what will happen when multiple parts are triggered.
Get the patches to work with multiple touch sensors
Get values for each sensor
Prototype & buy materials

Interactive Narrative: Sharing 11

Riverdale Comic Creator

https://riverdalecomiccreator.tumblr.com/

The website is a narrative site where the user can choose to interact with it via scrolling of the mouse or just letting the site auto scroll. It is interesting where the narrative is portrayed in the form of a comic book.

It can be argued that it is not interactive storytelling but I personally feel that it is in a way where the user can have a choice to interact or not. It brings comic books/ stories to the digital platform where it used to be available in prints only.

It may not be related to my final project but I felt it was good to explore different types of narrative interaction to expand on my understanding of it. I could probably use it for my further projects that I would be working on.

SG Cultural Festivals: Digital Illustrations progress

Interactive Narrative: Sharing 10

The Witcher 3: Wild hunt

http://thewitcher.com/en/map

The website enables the user to click and scroll through the map to explore the area. It shows a detailed map of the location and the red icons enables one to explore the place when it is being clicked.

Information of place

Inspiration: The placement of the elements in the interactive map can be used as a guide to know how to make the board game not too crowded and flow at the same time. Instead of clickable icons, the coloured dots will have cards to reenact the information displayed.

The simple colour scheme can be a way to join all the look & feel together. In terms of cultural festivals, there are many colours involved to show a vibrant style.

Interactive narrative: Sharing 9

The Magicians

http://www.welcometofillory.com/

The website displays a map and when different locations are chosen there will be a storyline will appear on the right side. Arrows are seen to navigate around the map or the user can click on the different elements shown.

Development: The board game can take reference of how the player will navigate through the site to the board game. The different elements show different story line could be a way of showing the cards when the player stops at a coloured spot.

Future development: There could be a way to make the board game digitalised so that the players can play online with their friends without having to bring a physical board around.

SG Cultural Festivals: sketches

Sketches for some of the different cultural festivals in Singapore.

From top (left to right):
1 & 2: Chinese New Year
3 & 4: Hari Raya Puasa
5: Deepavali
6: Dumpling/ Dragonboat Festival (Duanwu Jie)
7: Hari Raya Haji
8: Mid-Autumn

SG Cultural Festivals: map mock up

SG Cultural Festival board game map

To be able to know how the map would look like, I did a rough sketch up of it with different colour markers to indicate what it is. The background would be a Singapore map since this is about Singapore cultural festivals.

Yellow represents the information about the cultural festivals or myths. Blue represents the food eaten, pink represents the decorations displayed or hang and green represents the traditional costumes worn.

 

Gameplay:

Each player will be allocated a character based on their draw and different characters will be allocated a certain amount of coins. Each player will take turns to roll the dice. When a player lands on a coloured spot, he will draw the card with the colour as the board.

For the yellow dot, the player only can only draw only one card to get to know the information of the festival.

For the blue, pink and green dot, the player can pick three cards. From the three cards, the player will choose one card to purchase from. The remaining two cards will be returned to the bottom of the deck.
As different characters have different ranks, the highest ranks would have to pay 5 coins more, the middle ranks would have to pay 2 coins more and the lowest ranks would just need to pay as stated.

The game will continue till everyone reaches the finish line.

The winner is determined by having the most number of points from the cards that he/ she collected. If in a situation there is a tie between two or more players, the player with cards of the most variations will win.

Assignment 3: Selfie

Video documentation:

 

Learning Outcomes:
I learn to use playlist~ to playback the sounds that were recorded and using the previous knowledge I had on face detection to determine where the photo will be captured at. I had fun trying to take a selfie based on face detection.

Difficulties faced:
I had many difficulties trying to detect the photo area as it changes every time I moved or the distance. The other problem was trying to play the sounds based on the face detected at a specific area and also calling a countdown sound to indicate a picture will be taken.

 

Tryout – Asking my brother to tryout my selfie assignment & his reaction towards it:

 

Further/future development:
I hope to be able to make the face detection and photo area smoother so that the user will not have a difficult time to find the specific area. The playback sounds for the countdown plays too fast when the user is not at the specific area, I would like to improve that area too so that the user would not feel irritated when there are multiple sounds played. Not only that, I also hope to create a playback when the person is too close or too far from the screen.

Interactive Narrative: Sharing 8

https://swro.fcinq.com/

Rogue One: Star Wars

https://swro.fcinq.com/

The website allows the user to login in via their facebook messenger or continue via a visitor view. As they progress on there is a mission they have to accomplish. It seems like a documentary game narrative as the user gets to experience the whole mission game play.

Difficulties: When referencing the website of smooth flow, I need to think of ways to allow the game flow to work out nicely so that the players are able to learn more about the different cultural festivals in Singapore. I need to find a balance to the learning and playing of the board game experience.

Plans: I would be asking my friends to try out my board game to see if the game rules are clear and how they react when playing to further improve the loopholes.