SM1205SM1205 Interactivity Interactivity

Kong Chuiliu/Vera51156290

What I have learnt in this course:What I have learnt in this course:

In this course I have learnt the development and basic theories

of interactive media, I have also experimented interactive media

through a graphical program called Pure Data. After learning

the following aspects, I know how to design and create

interactive media works.

*Framestein *Hardware control

*V ideo processing in Gem

*3D graphics in Gem

*M otion tracking in Gem

*Audio in Gem

What I have done in this course:What I have done in this course:

Keyboard & VJ

Visual Capture Game

Keyboard & VJKeyboard & VJ

Technical SetupTechnical Setup

PD & Framestein—add special effects

Hardware— make two swords and a zither as the

keyboard

You can use “keyboard” to change different videos and

visual effects as a VJ.

ToolsTools

Make the “keyboard”— a zither and 2 swords

The three red wires of zither and the metal piece can form loops when pressed down, which also can be taken as a “bang” in PD.

zitherzither

A naked metal wire is fixed on the edge of one sword and there are three naked metal wires coiled around the round body of another sword. The wires can form electronic loop when the two swords get in touch with each other. The principle is similar with zither.

swordsswords

Pd Structure

PD can be seen as a link between hardware and video show

Show

You can see the show on Youtube

Click it please

Visual Capture GameVisual Capture Game

Bug BattleBug Battle

Technical SetupTechnical Setup

Motion tracking— capture movementGem— create a 3D space3D model— to create bugs

Pd audio— sound effectMultimedia— various visual elements

Design the game

Pd Structure

Test and debug the game

The flow path and user interface

Users' experience

Thank you Thank you

Kong Chuiliu/Vera51156290