1. Class 01 - Introduction VA3460 Embodied Interaction

2. Schedule Class schedule Friday, 08:30 am – 12:20 pm CVA409 Computing Lab

3. Format Each class lasts around 4 hours. Mini-lecture Workshop Discussion/Critique Presentation

4. Teacher Bryan CHUNG Wai-ching chungbwc@hkbu.edu.hk http://www.magicandlove.com http://www.dbisinteractive.com

5. Equipment Hardware Macintosh Webcam – Xbox LifeCam or i-Sight Keyboard and mouse USB flash disk for storage

6. Software Authoring software Pure Data is a free software for multimedia authoring in various platforms. It can be downloaded at http://puredata.info

7. Assignments My favorite interactive media artist (15%) Interactive game (25%) Audio visual performance (30%)

8. Evaluation Concepts and innovation Interaction design User experience Media aesthetics Implementation Documentation

9. Samples

10. Samples

11. Samples

12. Samples

13. Samples

14. Samples

15. Samples

16. Samples

17. Samples

18. Samples

19. Samples

20. Samples

21. Samples

22. Samples

23. Samples

24. Samples

25. Questions Do you have any questions?

26. Today’s Schedule About Interactive Art Various genres of interactive art Introduction to graphical programming

27. Digital Art Digital Art – Wolf Lieser The art work has to be generated in digital form, which can be described-electronically-as a series of ones and zeros.

28. New media art New Media Art – Mark Tribe, Jana Reena New media art is a generic term used to describe art related to, or created with, a technology invented or made widely available since the end of the 20th century. It is an international art movement and a set of artistic practices that make use of emerging technologies to address their cultural, political and aesthetic possibilities.

29. Our approach Base on interaction design framework. Extend and include other disciplines. Formulate the aesthetics of interactive media. Acquire the production and technical know-how. Appreciate various genres of interactive art.

30. Disciplines Multimedia art Audio visual performance Device art Human computer interaction Narrative studies Virtual environment Networked art

31. Uniqueness Other media subjects care much about what is within the screen/frame. Interactive media also takes care of what is beyond the screen/frame.

32. Paul Sermon

33. Uniqueness Other media subjects care much about the audio and visual senses. Interactive media focuses more on the tactile sense.

34. Do you really want to touch me?

35. Yesterday interactivity

36. Today interactivity

37. Comparison Compare the last two videos. Write down some differences between the two kinds of interaction with computer systems.

38. Interactive and connected

39. Somewhere nearby – interactive?

40. Interactivity in everyday life

41. Examples Here are a number of examples from various art/design disciplines.

42. Interactive installation – Hung Keung

43. Interactive installation – dbisinteractive

44. Device Art – Maywa Denki

45. Game – Crayon Physics

46. Social interaction – Body Movies

47. Social interaction – Advertising

48. Performance – Marco Tempest

49. Workshop We are going to cover Graphical programming concepts Pure Data introduction Basic computer graphics

50. Pure Data Pure Data (Pd) is a free real-time graphical programming environment for audio, video, and graphical processing. It is the third major branch of the family of patch based programming languages known as Max (Max/FTS, ISPW Max, Max/MSP, jMax, etc.) originally developed by Miller Puckette and company at IRCAM.

51. Graphical programming

52. Graphical programming

53. Workshop Pd windows Message Object Number Connection Inlet and outlet Arithmetic operations

54. Workshop GEM window Graphical item Size of shape Position of shape Digital colour Orientation of shape

55. Workshop We aim to create a slider to control the appearance of a 2D shape. Let’s start!