SlideShare uma empresa Scribd logo
1 de 64
SM2701 Theories of Interactivity – Class 02 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SM2701 Theories of Interactivity – Class 02 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SM2701 Theories of Interactivity – Class 02 Numerical representation Created from scratch on computers Converted from analog media (digitization) Think about how the animation and ca students work on their projects.
SM2701 Theories of Interactivity – Class 02 Numerical representation Created from scratch on computers Converted from analog media (digitization) Can we really tell?
SM2701 Theories of Interactivity – Class 02 Generated or digitized?
SM2701 Theories of Interactivity – Class 02 Generated or digitized?
SM2701 Theories of Interactivity – Class 02 Generated or digitized?
SM2701 Theories of Interactivity – Class 02 Generated or digitized?
SM2701 Theories of Interactivity – Class 02 Generated or digitized? By Holly Wong
SM2701 Theories of Interactivity – Class 02 Generated or digitized?
SM2701 Theories of Interactivity – Class 02 Digitization Sampling - temporal Quantization - spatial
SM2701 Theories of Interactivity – Class 02 Analog representation of media On Fourier Transform Run the sample at   http://www.jhu.edu/%7Esignals/fourier2/index.html
SM2701 Theories of Interactivity – Class 02 Digital Sampling of Analog Media Run the sample at   http://www.jhu.edu/%7Esignals/sampling/index.html
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
SM2701 Theories of Interactivity – Class 02 Is old media equal to analog media? Half-tone in printing
SM2701 Theories of Interactivity – Class 02 Is painting analog?
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Chuck Close
SM2701 Theories of Interactivity – Class 02 Morse Code
SM2701 Theories of Interactivity – Class 02 Morse Code Run the sample at   http:// morsecode.scphillips.com/jtranslator.html
SM2701 Theories of Interactivity – Class 02 Musical Score
SM2701 Theories of Interactivity – Class 02 Musical Score Composition in musical score Performance by the orchestra Recording of the performance
SM2701 Theories of Interactivity – Class 02 Dance Score
SM2701 Theories of Interactivity – Class 02 Can visual media do the same?
SM2701 Theories of Interactivity – Class 02 Can visual media do the same?
SM2701 Theories of Interactivity – Class 02 Instruction Paintings By Yoko Ono, 1961 A + B PAINTING Cut out a circle on canvas A. Place a numeral figure, a roman letter, or a katakana on canvas B on an arbitrary point. Place canvas A on canvas B and hang them together. The figure on canvas B may show, may show partially, or may not show. You may use old paintings, photographs, etc. instead of blank canvases.
SM2701 Theories of Interactivity – Class 02 Instruction Paintings By Yoko Ono, 1961
SM2701 Theories of Interactivity – Class 02 Postscript %! %% Draws a one square inch box and inch in from the bottom left /inch {72 mul} def  % Convert inches->points (1/72 inch) newpath  % Start a new path 1 inch 1 inch moveto  % an inch in from the lower left 2 inch 1 inch lineto  % bottom side 2 inch 2 inch lineto  % right side 1 inch 2 inch lineto  % top side closepath  % Automatically add left side to close path fill  % Fill in the box on the paper showpage  % We're done... eject the page
SM2701 Theories of Interactivity – Class 02 Is it a painting? void setup() { size(400,400); smooth(); noLoop(); } void draw() { background(0); ellipse(width/2,height/2,100,100); }
SM2701 Theories of Interactivity – Class 02 Is it a computer program? Can a computer program drawing a picture be a piece of artwork?
SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
SM2701 Theories of Interactivity – Class 02 Modularity Object-oriented authoring software Structured programming practice
SM2701 Theories of Interactivity – Class 02 Modularity Object-oriented authoring software Structured programming practice How is it related to Automation and Variability?
SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) In computer programming, why do we need to separate clearly data and logic?
SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) In a typical blog or portal website, can you easily identify which is data and which is logic (control)? For example, the SCM web at  http:// www.cityu.edu.hk/scm /   or my personal blog at   http:// www.bryanchung.net /
SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) How is this philosophy different from traditional art practices?
SM2701 Theories of Interactivity – Class 02 Database as metaphor of art Huge amount of media elements are stored in databases. Interactivity is achieved through various access paths to the data.
SM2701 Theories of Interactivity – Class 02 Examples from film Man with a movie camera Images from  http:// en.wikipedia.org
SM2701 Theories of Interactivity – Class 02 Examples from film Man with a movie camera
SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases Images from  http:// www.tulselupernetwork.com/basis.html
SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
SM2701 Theories of Interactivity – Class 02 Discussion How should we approach to view these two films?
SM2701 Theories of Interactivity – Class 02 More examples Urban Feedback – London and Tokyo
SM2701 Theories of Interactivity – Class 02 Is it different?
SM2701 Theories of Interactivity – Class 02 Transcoding Try to remember the Letrism exercise a lot of you have done.
SM2701 Theories of Interactivity – Class 02 Transcoding Case 1: write a program to turn all the pixel information of a photo into sound with frequency corresponding to the brightness of the pixel. Case 2: write a program to capture the words typed by the participants. For each character, convert it into a colour pixels on the screen.
SM2701 Theories of Interactivity – Class 02 Transcoding How would you comment on these two great artworks?

Mais conteúdo relacionado

Mais de Bryan Chung

Be a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red ScoutBe a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red ScoutBryan Chung
 
Fiction and Film
Fiction and FilmFiction and Film
Fiction and FilmBryan Chung
 
MAVA Information Seminar 2019
MAVA Information Seminar 2019MAVA Information Seminar 2019
MAVA Information Seminar 2019Bryan Chung
 
MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018Bryan Chung
 
MAVA Orientation 2018
MAVA Orientation 2018MAVA Orientation 2018
MAVA Orientation 2018Bryan Chung
 
Class 11 - Social impacts of videogames
Class 11 - Social impacts of videogamesClass 11 - Social impacts of videogames
Class 11 - Social impacts of videogamesBryan Chung
 
Class 10 - Simulation games
Class 10 - Simulation gamesClass 10 - Simulation games
Class 10 - Simulation gamesBryan Chung
 
Class 12 - Videogames technology in art
Class 12 - Videogames technology in artClass 12 - Videogames technology in art
Class 12 - Videogames technology in artBryan Chung
 
Glass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environmentGlass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environmentBryan Chung
 
Class 07 - Game and space
Class 07 - Game and spaceClass 07 - Game and space
Class 07 - Game and spaceBryan Chung
 
Class 06 - Game and narrative
Class 06 - Game and narrativeClass 06 - Game and narrative
Class 06 - Game and narrativeBryan Chung
 
Class 02 - Interactivity, games and arts
Class 02 - Interactivity, games and artsClass 02 - Interactivity, games and arts
Class 02 - Interactivity, games and artsBryan Chung
 
Class 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and ArtsClass 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and ArtsBryan Chung
 
Digital Art ToolKit
Digital Art ToolKitDigital Art ToolKit
Digital Art ToolKitBryan Chung
 
Digital Image Workshop
Digital Image WorkshopDigital Image Workshop
Digital Image WorkshopBryan Chung
 
Class 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/PlayClass 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/PlayBryan Chung
 
Class 05 - Art Game and Game Art
Class 05 - Art Game and Game ArtClass 05 - Art Game and Game Art
Class 05 - Art Game and Game ArtBryan Chung
 
Augmented Reality and Visual Arts
Augmented Reality and Visual ArtsAugmented Reality and Visual Arts
Augmented Reality and Visual ArtsBryan Chung
 
Movement in Space Project Launch Seminar
Movement in Space Project Launch SeminarMovement in Space Project Launch Seminar
Movement in Space Project Launch SeminarBryan Chung
 
Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)Bryan Chung
 

Mais de Bryan Chung (20)

Be a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red ScoutBe a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red Scout
 
Fiction and Film
Fiction and FilmFiction and Film
Fiction and Film
 
MAVA Information Seminar 2019
MAVA Information Seminar 2019MAVA Information Seminar 2019
MAVA Information Seminar 2019
 
MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018
 
MAVA Orientation 2018
MAVA Orientation 2018MAVA Orientation 2018
MAVA Orientation 2018
 
Class 11 - Social impacts of videogames
Class 11 - Social impacts of videogamesClass 11 - Social impacts of videogames
Class 11 - Social impacts of videogames
 
Class 10 - Simulation games
Class 10 - Simulation gamesClass 10 - Simulation games
Class 10 - Simulation games
 
Class 12 - Videogames technology in art
Class 12 - Videogames technology in artClass 12 - Videogames technology in art
Class 12 - Videogames technology in art
 
Glass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environmentGlass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environment
 
Class 07 - Game and space
Class 07 - Game and spaceClass 07 - Game and space
Class 07 - Game and space
 
Class 06 - Game and narrative
Class 06 - Game and narrativeClass 06 - Game and narrative
Class 06 - Game and narrative
 
Class 02 - Interactivity, games and arts
Class 02 - Interactivity, games and artsClass 02 - Interactivity, games and arts
Class 02 - Interactivity, games and arts
 
Class 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and ArtsClass 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and Arts
 
Digital Art ToolKit
Digital Art ToolKitDigital Art ToolKit
Digital Art ToolKit
 
Digital Image Workshop
Digital Image WorkshopDigital Image Workshop
Digital Image Workshop
 
Class 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/PlayClass 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/Play
 
Class 05 - Art Game and Game Art
Class 05 - Art Game and Game ArtClass 05 - Art Game and Game Art
Class 05 - Art Game and Game Art
 
Augmented Reality and Visual Arts
Augmented Reality and Visual ArtsAugmented Reality and Visual Arts
Augmented Reality and Visual Arts
 
Movement in Space Project Launch Seminar
Movement in Space Project Launch SeminarMovement in Space Project Launch Seminar
Movement in Space Project Launch Seminar
 
Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)
 

Último

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 

Último (20)

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 

SM2701 Class 02

  • 1.
  • 2.
  • 3. SM2701 Theories of Interactivity – Class 02 Numerical representation Created from scratch on computers Converted from analog media (digitization) Think about how the animation and ca students work on their projects.
  • 4. SM2701 Theories of Interactivity – Class 02 Numerical representation Created from scratch on computers Converted from analog media (digitization) Can we really tell?
  • 5. SM2701 Theories of Interactivity – Class 02 Generated or digitized?
  • 6. SM2701 Theories of Interactivity – Class 02 Generated or digitized?
  • 7. SM2701 Theories of Interactivity – Class 02 Generated or digitized?
  • 8. SM2701 Theories of Interactivity – Class 02 Generated or digitized?
  • 9. SM2701 Theories of Interactivity – Class 02 Generated or digitized? By Holly Wong
  • 10. SM2701 Theories of Interactivity – Class 02 Generated or digitized?
  • 11. SM2701 Theories of Interactivity – Class 02 Digitization Sampling - temporal Quantization - spatial
  • 12. SM2701 Theories of Interactivity – Class 02 Analog representation of media On Fourier Transform Run the sample at http://www.jhu.edu/%7Esignals/fourier2/index.html
  • 13. SM2701 Theories of Interactivity – Class 02 Digital Sampling of Analog Media Run the sample at http://www.jhu.edu/%7Esignals/sampling/index.html
  • 14. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 15. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 16. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 17. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 18. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 19. SM2701 Theories of Interactivity – Class 02 How can we compare analog and digital media?
  • 20. SM2701 Theories of Interactivity – Class 02 Is old media equal to analog media? Half-tone in printing
  • 21. SM2701 Theories of Interactivity – Class 02 Is painting analog?
  • 22. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 23. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 24. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 25. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 26. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 27. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 28. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 29. SM2701 Theories of Interactivity – Class 02 Chuck Close
  • 30. SM2701 Theories of Interactivity – Class 02 Morse Code
  • 31. SM2701 Theories of Interactivity – Class 02 Morse Code Run the sample at http:// morsecode.scphillips.com/jtranslator.html
  • 32. SM2701 Theories of Interactivity – Class 02 Musical Score
  • 33. SM2701 Theories of Interactivity – Class 02 Musical Score Composition in musical score Performance by the orchestra Recording of the performance
  • 34. SM2701 Theories of Interactivity – Class 02 Dance Score
  • 35. SM2701 Theories of Interactivity – Class 02 Can visual media do the same?
  • 36. SM2701 Theories of Interactivity – Class 02 Can visual media do the same?
  • 37. SM2701 Theories of Interactivity – Class 02 Instruction Paintings By Yoko Ono, 1961 A + B PAINTING Cut out a circle on canvas A. Place a numeral figure, a roman letter, or a katakana on canvas B on an arbitrary point. Place canvas A on canvas B and hang them together. The figure on canvas B may show, may show partially, or may not show. You may use old paintings, photographs, etc. instead of blank canvases.
  • 38. SM2701 Theories of Interactivity – Class 02 Instruction Paintings By Yoko Ono, 1961
  • 39. SM2701 Theories of Interactivity – Class 02 Postscript %! %% Draws a one square inch box and inch in from the bottom left /inch {72 mul} def % Convert inches->points (1/72 inch) newpath % Start a new path 1 inch 1 inch moveto % an inch in from the lower left 2 inch 1 inch lineto % bottom side 2 inch 2 inch lineto % right side 1 inch 2 inch lineto % top side closepath % Automatically add left side to close path fill % Fill in the box on the paper showpage % We're done... eject the page
  • 40. SM2701 Theories of Interactivity – Class 02 Is it a painting? void setup() { size(400,400); smooth(); noLoop(); } void draw() { background(0); ellipse(width/2,height/2,100,100); }
  • 41. SM2701 Theories of Interactivity – Class 02 Is it a computer program? Can a computer program drawing a picture be a piece of artwork?
  • 42. SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
  • 43. SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
  • 44. SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
  • 45. SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
  • 46. SM2701 Theories of Interactivity – Class 02 Can digital data be analog?
  • 47. SM2701 Theories of Interactivity – Class 02 Modularity Object-oriented authoring software Structured programming practice
  • 48. SM2701 Theories of Interactivity – Class 02 Modularity Object-oriented authoring software Structured programming practice How is it related to Automation and Variability?
  • 49. SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) In computer programming, why do we need to separate clearly data and logic?
  • 50. SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) In a typical blog or portal website, can you easily identify which is data and which is logic (control)? For example, the SCM web at http:// www.cityu.edu.hk/scm / or my personal blog at http:// www.bryanchung.net /
  • 51. SM2701 Theories of Interactivity – Class 02 Data and logic (algorithm) How is this philosophy different from traditional art practices?
  • 52. SM2701 Theories of Interactivity – Class 02 Database as metaphor of art Huge amount of media elements are stored in databases. Interactivity is achieved through various access paths to the data.
  • 53. SM2701 Theories of Interactivity – Class 02 Examples from film Man with a movie camera Images from http:// en.wikipedia.org
  • 54. SM2701 Theories of Interactivity – Class 02 Examples from film Man with a movie camera
  • 55. SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases Images from http:// www.tulselupernetwork.com/basis.html
  • 56. SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
  • 57. SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
  • 58. SM2701 Theories of Interactivity – Class 02 Examples from film Tulse Luper’s Suitcases
  • 59. SM2701 Theories of Interactivity – Class 02 Discussion How should we approach to view these two films?
  • 60. SM2701 Theories of Interactivity – Class 02 More examples Urban Feedback – London and Tokyo
  • 61. SM2701 Theories of Interactivity – Class 02 Is it different?
  • 62. SM2701 Theories of Interactivity – Class 02 Transcoding Try to remember the Letrism exercise a lot of you have done.
  • 63. SM2701 Theories of Interactivity – Class 02 Transcoding Case 1: write a program to turn all the pixel information of a photo into sound with frequency corresponding to the brightness of the pixel. Case 2: write a program to capture the words typed by the participants. For each character, convert it into a colour pixels on the screen.
  • 64. SM2701 Theories of Interactivity – Class 02 Transcoding How would you comment on these two great artworks?