interactive raindrops on a door, IDAS 505

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.