Max Assignment #03 Photo Booth

sel done

In order to stop the repeating of command, onebang is added to only play once after its bang. Sel done is add to reset onebang after the whole clip is being played.

Message exportimage jpeg

This message was really simple however, it took me for about 1 hours to find out how it works. But it was really fulfilling that i manage to solve it my own!

When a person are in frame [if($i1>=3000) then bang) was to delay it for 3 seconds before it send bang to export the image.

Narrative for Interaction Sharing – Old names of places in Singapore

Old, Common Names of Places in Singapore, and their Origins

I find that this is quite interesting, they has the locally name for the places with the dialects pronunciation. Dialect is something that is disappearing in Singapore, even myself I could not really speak my own dialect [Hokkian] fluently. What about our next generation?

Narrative for Interaction Sharing – Interesting tour to know about MRT

The outreached Singapore  provides a tour around North-East line and Circle line, the selected MRT station to provide better understanding of the past character of each neighbourhood that reflected on the artworks.

They provides 2 hours walking tours to expose the participants to art installations and insights to the history of the station. Just for those of you who wants to explore our tiny Singapore this would be a good tour I guess! laughing

I am currently contacting them to ask for more information and if possible I would want to join them for the tour to know more in depth. This would greatly help my narrative part for my project.

Narrative for Interaction Progress update for Week 7 & 8

Starting off my project straight away after researching much about HTML & CSS. I feel this can help me learn better by solving the problem one by one as I encounter along the way.

I manage to build the it scrollable and is divided to two section.

This is the cover for my website. It will be add with more thing during the last stage after the main component of my project can work.
This is where users will start to navigate to explore more of the individual links.

After this I continue to venture out to code for Instagram API.

Client id is important as it will be needed for the code to work.
This is what I need for Instagram endpoint location: location id and access token

However after long time figuring out, I am still unable to grab the content under scope: Public Content.

AND… I found out is due to the change of Instagram policy. But what I have learn is that I am able to grab my own photos! HAHA still, I accomplish something. For more about Instagram API visit my another post.

Each Instagram client are only allow to grab 20 photos which only from your own account.
So I apply it into a more complicated code.

For the above, I have used a library call Instafeed which is very popular during the times when we are still able to grab Instagram photos freely. And I have seen tutorials that it really work! Its really damn cool and lots of possibility to explore.

I have also tried grabbing photos using JSON with PHP Composer but this is really hardcore coding that I makes me really confused.

However, moving on with such circumstances, I have search for other Instagram approved API websites to grab photos from there. I came across a few, sadly they all need to pay except for TwineSocial. TwineSocial provide 1 month free trial which suitable for a trial session.

Result of the search for Bras Basah MRT photos! Next will adding it to the website.

Narrative for Interaction Sharing – Limitation of Instagram API

Everything you need to know about Instagram API

I came by this link as I was doing my project and figuring out why I could not access Instagram public content. It was due to a change of restrictions of Instagram API since 1st June 2016, this also affected a lot websites that uses the similar code as mine.

Instagram restrict every sandbox user to only 20 post only for their own tagged post or posted photos. Moreover, to access photos with hashtags or tagged locations [scope under public_content], you will need permission from Instagram. They will need you to meet requirement:

  1. To help individuals share their own content with 3rd party apps: scope: basic
  2. To help brands and advertisers understand and manage their audience and digital media rights: scope: basic, public_content, comments, relationships, likes, follower_list
  3. To help broadcasters and publishers discover content, get digital rights to media, and share media with proper attribution: scope: basic, public_content, comments

However they does not allow one off projects but looking for a more long term commitments.

Narrative for Interaction Progress update for Week 6

My next step is finding out how to link Instagram photos to my html file. Instagram developer, the Instagram API platform that allow us to get data that is public content based on, the users, relationships, media, comments, likes, tags and even location.

For this project I am looking at the locations, however, more tutorial teach on the tags.  So I will start off with the tags first and improvise my code from there.

There is two tutorial I found:

  • This tutorial has a search button and we can search any hashtags with results of photos.

  • While this tutorial uses a library call instafeedjs when I do not need additional codes for the layout of photos I took from Instagram. This will save me some time!

Next I will be doing up the tutorial and update again.




Narrative for Interaction Progress update for Week 5

I started off with the three.js example for interactive particles that show above as this is similar to the effect that i wanted to achieve. It has the hovering and it has clean design. After some editing to the code I decide to move on, on making click-able particle. After much research, I found mr.doob says on a forum adding this line = { url: “” }

However, this doesn’t work for my first few attempt, but I while i try and error the code at different particles code it works for this!

Before the link can work


Currently the particles are able to link to

After I added the code at the correct place it work! However, I feel I am still confused with how three.js code so I decided to go for online tutorial. I found this tutorial which will teach me steps by steps from making basic shapes, adding colour to more complicated stuff. While doing the tutorial, I decided to learn more I need to improve from the previous code that they teach and see the differences and how they make it work.

The code actually work similarly to processing, they provide the class on the start and write the detail of the code.

Java script has function initializeScene() where we have draw our object, set the position of the object and colour also the camera. Next, function animateScene() where we animate our object turning. Lastly, function renderScene() to render out the above what we have code out to the screen.

Example of the tutorial

2D turning of the object
3D turning of objects






The shapes are using three.js. THREE.Geometry for the 2D object while 3D will be using THREE.CylinderGeometry for the pyramid and THREE.BoxGeometry for the cube. THREE.MeshBasicMaterial is use for the colour or even texture mapping for the objects.

However, with the tutorial I am stuck at tutorial 06 Texture mapping. I am still trying ways to make it work.


Reflection #02 Four The Garden of Forking Paths


I took a few breaks in order to finish reading this reading due to losing interests. However, there is still some parts that make me interested when there is a lot of descriptive words. Thats when my mind starts to filled in the blanks with environments and character, even could picture myself in the situation.

At the same time, I was confuse with parts of the story as well that is where I lost my interest and get back continue to read after awhile.

I also find some parts of the story is weird like when Yu Tsun arrive Ashgrove, some kid as if he was heading to Dr. Stephen Albert house? how do they know? It will be so creepy if someone asked me that question.

I guess this reading just isn’t my cup of tea, there is too many confusing areas and was very unclear to me. But I am glad that I read another reading that is out of my league, which I might never come by.