Interactive Media Art Performance
Interactive Media Art Performance
Interactive Media Art Performance
Hitchhikers Dancing with AI
Hitchhikers Dancing with AI
Hitchhikers Dancing with AI
Overview
Overview
Interactive media art & dance performance project
sponsored by ABClab, Seongdong-Gu Sowol art hall
8 week team project, team of 3 members
My Role: Performance director, coding, graphic design, performer
Interactive media art & dance performance project
sponsored by ABClab, Seongdong-Gu Sowol art hall
8 week team project, team of 3 members
My Role: Performance director, coding, graphic design, performer
Approach
Approach
Creating an interactive media art performance using p5.js
Performance on stage in Sowol Art Hall
Story based on ‘Hitchhikers guide to the galaxy’ storyline
Creating an interactive media art performance using p5.js
Performance on stage in Sowol Art Hall
Story based on ‘Hitchhikers guide to the galaxy’ storyline
The process
The process
Experimenting movements - Coding and graphic design - Designing performance - Performing on stage
Experimenting movements - Coding and graphic design - Designing performance - Performing on stage
Experimenting movements
Coding and graphic design
Designing performance
Performing on stage
Experimenting movements
Experimenting movements
Experimenting movements
Experimenting with movements and codes to deliver the story With p5.js & Google Teachable Machine & Posenet
Experimenting with movements and codes
to deliver the story With p5.js & Google Teachable Machine & Posenet
Google Teachable Machine
Google Teachable Machine
Training machine to classify movements
Training machine to classify movements
Training machine to classify movements
Posenet
Posenet
Exploring body parts and connections of movements
Exploring body parts and movements
Exploring body parts and movements
Coding and graphic design
Coding and graphic design
Coding and graphic design
Making visual elements in the story and coding to make them interactive With p5.js & Autodesk fusion360 & Adobe illustrator
Making visual elements in the story and coding to make them interactive With p5.js & Autodesk fusion360 & Adobe illustrator
Collision in vicinity
Collision in vicinity
Different colors imply that the hitchhikers see each other as strangers
A red line in the middle keeps the hitchhikers wary of each other
Different colors imply that the hitchhikers see each other as strangers
A red line in the middle keeps the hitchhikers wary of each other
Orange lines follow the movements
Orange lines follow the movements
Everyone dance together as they become friends
The small flames and orange lines show the heated party atmosphere
Everyone dance together as they be friends
The small flames and orange lines show the heated party atmosphere
Visual elements - Characters
Visual elements - Characters
The monster initially appears fearful to the hitchhikers
Sudden advent changes the planet Z’s atmosphere
But in the end of the story it also becomes a friend
The monster initially appears fearful
to the hitchhikers
Sudden advent changes the atmosphere
But in the end it also becomes a friend
Designing the Performance
Designing the Performance
Designing the Performance
Organizing the lights, positions, music, interactions on stage
Setting performer positions on stage, how performers interact, scene shifts, background music
Organizing the lights, positions, music, interactions on stage
Setting performer positions on stage,
how performers interact, scene shifts,
and background music
Organizing the lights, positions, music, interactions on stage
Setting performer positions on stage, how performers interact, scene shifts,
background music
Performing on stage
Showcase of interactive media art performance in front of the public audience
Sowol Art Hall showcase of 5 teams
30 Nov. 2022
Showcase of
interactive media art performance
in front of the public audience
Sowol Art Hall showcase of 5 teams
30 Nov. 2022
Phase 1
Encountering in Planet Z
Phase 1
Encountering in Planet Z
Phase 1
Encountering in Planet Z
The hitchhikers encounter each other in planet Z
The hitchhikers encounter each other in
planet Z
The hitchhikers encounter each other in planet Z
Phase 2
Getting closer
Phase 2
Getting closer
Phase 2
Getting closer
As the hitchhikers get to know each other, they become closer
As the hitchhikers get to know each other,
they become closer
As the hitchhikers get to know each other,
they become closer
Phase 3
Party in Planet Z
Phase 3
Party in Planet Z
Phase 3
Party in Planet Z
Now the hitchhikers became friends
As a community, they are enjoying together in Planet Z
Now the hitchhikers became friends
As a community, they are enjoying together
in Planet Z
Now the hitchhikers became friends
As a community, they are enjoying together
in Planet Z
Phase 4
The advent
Phase 4
The advent
Phase 4
The advent
Suddenly, an unknown creature interrupts the party. The hitchhikers get startled at first, but ultimately become friends.
Suddenly, an unknown creature interrupts the party. The hitchhikers get startled at first,
but become friends altogether in the end.
Suddenly, an unknown creature interrupts the party. The hitchhikers get startled at first,
but become friends altogether in the end.
