Interactive Sharing

Moving across various types of interactive works and platforms, I find myself intrigued more by the interactive aspect of the work.

In this sharing, I found an interactive art website called silk weave where users get to create interactive generative art. In the featured image is what I created on this website. The visuals are psychedelic and artistic which also reminds me of the Art Media Nexus / Pattern Design module that I would like to take in the future to complement my skills if I ever make an interactive art website


Try it out at!

Interactive Narrative Sharing

Make Me Pulse is an interactive website which has amazing user interactivity accompanied by eye-catching aesthetics. I was particularly drawn by the concept of holding the mouse or buttons as the graphics unfold and how objects trail the mouse. This also invokes the stuff we learnt in Processing.


I personally feel this website is underrated and needs more views. It aims to get audiences to contemplative about their resolutions for the year ahead. The general idea and concept of interactivity is versatile and could be adapted for other projects. Could be something I’d like to work on for my FYP!

Final Project Milestone




Project Basis: Live visuals + sound + movement

Interactive II

Team members: Valerie , Gladys, Siew Hua


Our project focuses on creating sound and visuals synced to body (mainly hand) movements. Using a Kinect as an input, body tracking movements are detected and communicated between Ableton Live and Synapse to create dubstep tunes. As for the visuals, particle movements are projected as they trail the gestures of the users.


Our interest lies in exploring movement and effecting visuals as an outcome. We would also like to explore the music aspect MaxMSP. With these interests, it motivates us to create an interactive and aesthetic final work that engages them in an overall immersive experience .


End Goal

Interactive Installation

  • Interactivity: Live music creation based on hand movements, visuals reacting to movement
  • Create abstract artwork and music
  • Goal: Explore the relation of movement, creating music and artwork through space and spontaneity


21 March

Synapse with Kinect, linking MAX with Kinect (detection of joints)

Explore particle system in Max


28 March

Create sounds with Ableton

Link particle system to Kinect – rough physics

Sync sound and visuals


4 April

Toggle visuals for MAX-Kinect, more refined

Linking of the sound and visuals for the installation


11th April

Setting up of the installation

Finalization stage and refining of artwork

Testing of interactivity, proof-checking


18th April


Change in the gen make a new parameter? Put param – make yourself a new parameter xy

Narratives for Interaction: Project Update

‘Beyond Seen’

Following a heavy production and filming schedule, we decided to simplify the plot to something more relatable and doable.

We’ve minimized the casting in the storyline but still holding main content of the plot.

However, we’ll still be shooting scenes of the character’s environments namely Home, School & Studio.

Updated plot

A new location of dance studio is added as the updated plot follows a student dancer in her everyday life. She seems popular and things look good on the surface. However, a darker side unfolds as the player navigates along.

We have started the filming and will be shooting as well as editing concurrently.

Premises: Home, School, Dance Studio


Additional POV

We have also incorporated a bonus play for users – to play in the point of view of her friend. The purpose behind this is to trigger some thoughts on what a player could have done to help their friend in retrospect.

Behind the scenes footage

Narratives for Interaction: Interview & Planning

Overview – “Beyond What We See”

As presented from last week, our group is interested in making an interactive movie game based on mental health in Singapore. The consequences of the storyline will be based on the player’s choices during the course of the narrative.

Our story is based on the life story of Sha, currently 24 years old. She had depression and Borderline Personality Disorder.

Our full presentation:


Moving ahead from the presentation, we kicked start our project this week in terms of finalizing the planning process. Agenda achieved:

  • Interviewed Sha (main protagonist based on her)
  • Storyline planning + branching choices

Interviewing Sha was very pleasant as she was open to sharing about her experiences


From our interview, we were able to hear her personal story of her battle with her mental problems – she felt left out at home, was bullied in Secondary school and Polytechnic, not understood by her peers and at times her visits to the psychiatrists proved ineffective. She is a success story – able to overcome her hurdles, she now an advocate and she has an app geared towards helping those with mental health problems.

After the interview, we were able to get a clearer gauge on how to complete the story. We have finished the story and this is the outline on the branching plot.


With the planning process more or less finalized, we are now ready to proceed in the making of this project.