interactive raindrops on a door, IDAS 505

INTERACTIVE RAINDROPS ON A DOOR AR MM, Projection Mapping, Supervisor: David Hall, Yvonne Shih, 2019

HONGIK UNIVERSITY - Augmented Reality

CONCEPT Door, MicroPhone and You

Take a door as a carrier, then simulate the raindrops and project on a physical door.

By projecting on a door, we can connect the reality and virtual world.

And experience the real-time interaction.

, ) 7 0 5 , S A D I ( e r d i o s o n i D l e a h c t i s y m h o r f AP g n i t o o Sh

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

PROCESS

Match the size > Video Making > Interactive Design > Projecting

1. Match the size > Software: Adobe Photoshop; Others: Projector > Methods: Match the actual size of physical door in Photoshop to know where the boundary is. Then we can make the video which can match the door perfectly while fullscreen. > Hot Key: ctrl+1

g

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

2. Video Making > Software: Adobe AfterEffects > Methods: Use a mask tool to hide the part of animation, so that we can only see the animation on a door.

Drip_Layer & Drip_Animated Use mask to draw a water drip.

Then pre-compose the drip layer and create an animation to simulate falling.

Water Drips Copy drip layers.

Place these layers randomly.

Water Texture Effect: Turbulent Displace

Water Effect: CC Glass, Exposure

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

LeftDoor This is a still image.

RainDrop_RightDoor Use a mask to match the size of

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

Outside 505, IDAS I take this img as the background of my animation to make the door looks like transparent.

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

vvvv

png sequence

2. Develop in VVVV > Software: VVVV > Methods: There's 3 parts in v4. One is for projection, another is for importing the png sequences which were rendered by AE, and the other is for interactions.

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

HOW TO PLAY

USING A MICROPHONE TO CONTROL THE SPEED OF RAINDRO WITHOUT SOUNDS, IT WILL SLOW DOWN SMOOTHLY.

OPS.

yvonne.s / Supervisor: Daivd Hall

HONGIK UNIVERSITY - Augmented Reality

yvonne.s / Supervisor: Daivd Hall

2019.03 ~ 2019.06,1st semester AR,MM YvonneShih

D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R D O O R DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR DOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOORDOOR