Category: DA9012 Media Art Nexus 2017/18 Sem 1

A Magical Story

A Magical Story, 2017
Wayang Kuilt Animation for 3840 x 480 LED Screen
Hannah Kwah

Short Abstract:
A Magical Story is inspired by a Malaysian folktale, Umpong-Umpong and Babakud. Each part of the scene recreates the story of two lovers where the girl was transformed into a peacock by an evil witch and the boy finding a magical flower to change her back together with other girls that are trapped in the cages as birds. In this piece, I was inspired by Wayang Kuilt hence deciding to use paper cutting as a medium to showcase the asian elements of storytelling. The animals moving around creates an illusion of interaction with the piece.

Selected Still Images:

Final Video:

Methodology(Unity + digital illustrations):
https://oss.adm.ntu.edu.sg/hkwah001/2017/10/09/process-wip-unity-tryouts/
https://oss.adm.ntu.edu.sg/hkwah001/2017/10/16/process-wip-unity-tryouts-2/

Methodology(After Effects + digital illustrations):
https://oss.adm.ntu.edu.sg/hkwah001/2017/10/23/process-wip-after-effects-tryouts/
https://oss.adm.ntu.edu.sg/hkwah001/2017/10/30/process-wip-after-effects-tryouts-2/
https://oss.adm.ntu.edu.sg/hkwah001/2017/11/06/process-wip-after-effects-tryouts-3/
https://oss.adm.ntu.edu.sg/hkwah001/2017/11/13/process-wip-after-effects-tryouts-4/

Exhibition at Art Media Nexus

Photos credits: Solomon Quek Jia Liang. A Magical Story, MAN NTU LED, 15m by 2m, North Spine Plaza NTU Singapore 2017.

Research (mockups – paper & trying out unity):
https://oss.adm.ntu.edu.sg/hkwah001/2017/09/01/moodboard/
https://oss.adm.ntu.edu.sg/hkwah001/2017/09/11/process-storyboard/
https://oss.adm.ntu.edu.sg/hkwah001/2017/09/18/processstoryboard-revision-illustration-technical-tryout/

Mockups (illustration of wayang kuilt – digital):
https://oss.adm.ntu.edu.sg/hkwah001/2017/09/25/process-wip-mockups/
https://oss.adm.ntu.edu.sg/hkwah001/2017/09/29/process-wip-mockup-2/

Future development:
I would like to make it interactive by exploring more on Unity with Kinect and when the audience passes by he/ she would become a puppet and move around to explore the background instead of seeing it as a film.

Contact info:
Hannah Kwah
hkwah001@e.ntu.edu.sg

Process: WIP After Effects Tryouts 4

Added an introduction so as to create a momentum for the story instead of jumping straight into the forest which looks plain for the beginning. I wanted to attract people in the first part.

However along the way, I faced issues at the ending where the witch did not fade out completely and only half the door closed when I push everything back so as to add the beginning. Every other elements were on point except the ending scene.

Next step:

Fix all the errors of animation and check through the follow once more.

Process: WIP After Effects Tryouts 2

I continue to animate the story. I added a bird that would fly randomly which is similar to the forest animals: tiger, elephant and monkey. It creates an illusion of interaction among the viewers.

The boy picks up the flower so as to bring his love back to her original human form.

Next steps:
Add another rotation for the boy to create interesting effect rather than just walking.

Process: WIP After Effects Tryouts

I struggled with using Unity as I was new to the software. It was difficult to implement the interactive element while using Unity. I could only figure out how to move the character from left to right but not the rigging of the arms and changing scenes when interacting with the object.

I decided that with about 1 month, it was quite difficult to be able to do all that I have planned out. Therefore, I decided to use after effects to complete my story instead.

I was also new to after effects and struggled on how I could do all the scenes I had wanted. However, I had tutorials to help me along the way which enabled me to figure what I could do with it.

One of the tutorial I looked into was morphing:

I decided to implement into the girl who changes into a peacock and moving the characters around.

I added the bird cage where the witch is carrying.

Next Steps:
Continue the story
Fix the background position
Flip the characters instead of going backwards
Change the birds into girls and make the witch disappear
Add an overall ending to the video

Process: Storyboard revision + Illustration + Technical tryout

Storyboard revision:
I decided to change the flow of how the storyboard goes as the user interacts with the media wall. The background will move according to the user and the story changes accordingly.

Revised storyboard

  1. No interaction: Background of witch’s cave with many birds inside cages & a glimpse of forest. Characters: witch inside the cave, boy & girl in the forest (all static + girl switching between a peacock & a girl)
  2. Interaction: Background of forest and a glimpse of witch’s cave. Characters: witch holding a cage with a peacock and boy moves.
  3. Interaction: Background of forest. Characters: boy walking towards the red flower.
  4. Interaction: Background of witch’s cave & forest. Characters: witch inside the cave (static) & boy moves towards birds which changes into girls.

Re-appropriating of Wayang Kulit:

Boy: Babakud

Girl: Umpong-Umpong

Witch

Technical tryout:

Using Unity to create a moving object based on mouse movement. It will be changed to a Wayang Kulit to create movement around the background.

Testing of moving object on Unity (above)

Next steps:
Make all the assets (birds & background), make the puppets move their joints and the flow of how these would work on the screen.