Recoding &
Remixing
ComputerArt
Joachim Wedekind
Hommage à Nees: Gravel
Slides Long Talk Bordeaux2017
• What is ComputerArt ?
• Recoding & Remixing ComputerArt
• Graphic Elements & Programming
Concepts
• Multimedia for All!
• Why Snap! ?
• Outlook
Hommage à Sýkora: B&W Structure
57-28-28
What is ComputerArt ?
Hommage à Noll: Gaussian-Quadratic
Computer art is any art in which
computers play a role in
production or display of the
artwork.
(Wikipedia, 2017)
Plotter Zuse Graphomat
Computer SEL ER56
Recoding & Remixing ComputerArt
Hommage à Laposky: Oscillons
?
Programming Interactive
Graphics - An Introduction
with ACS Logo
Vol. 1: Polygones,
Spirolaterals, Recursive
Graphics, L-Systems
Download: http://joachim-wedekind.de/Downloads/LogoBuchBand1.pdf
Examples Turtle Graphics Examples ComputerArt
Recoding & Remixing ComputerArt
57-28-28
Like everything else on a
computer, the digital image
exists as a double:
• surface
(visible for humans) &
• subface
(computable by software)
(Nake, 2017)
Hommage à Nake: Rectangle Hatching
What is ComputerArt ?
Mark Wilson (1985). The
Artist’s Guide to Computer
Graphics
Limbeck & Schneeberger
(1979). Computergrafik
https://recodeart.wordpress.comhttp://recodeproject.com
Recoding & Remixing ComputerArt
28.05.16, 17:32omputer Art
Seite 1 von 3edu/studios/76888/
28 Sep 201228 Sep 2012
Scratch website IScratch website I
good art that Igood art that I
l put it here.l put it here.
Computer ArtComputer Art (( 3939 Anhängers )Anhängers )
Projekte ( 100+ ) Kommentare ( 71 ) Kuratoren Aktivität
DoodleBot3
vonvon Rick3137
four circles in a circle
vonvon leszpio
Sierpinski triangle of d…
vonvon leszpio
DoodleBot2
vonvon Rick3137
DoodleBot
vonvon Rick3137
blockshade rapunzel fr…
vonvon skydanny112
blockshade art- hummi…
vonvon skydanny112
blockshade art- horse …
vonvon skydanny112
the many outfits of Jas…
vonvon skydanny112
the many outfits of ariel
vonvon skydanny112
the many outfits of mulan
vonvon skydanny112
I LOVE THE SKETCH T…
vonvon Dragonlover09
Spiral_Tree_Autumn_E…
vonvon quast
FractalDotsPattern
vonvon quast
fractals circles
vonvon leszpio
bee art
vonvon ArnavPingle
Archimedes' Spiral patt…
vonvon dapontes
Generative art Experim…
vonvon dapontes
art flower - creator2
vonvon leszpio
dark star fusion-leszpi…
vonvon forest
Curlicues_2014
vonvon mathjp
Curlicues_2015
vonvon mathjp
Epicycloid lines
vonvon Kirsty2
Pentagon2
vonvon Rick3137
wickeln Entdecken Diskutieren Über Scratch Hilfe Scratcher werdenSuche Anmelden
ComputerArt
DigitalArt
Selim
Tezel
B. Riley
Mondrian
Recoding & Remixing ComputerArt
Hommage à Michael
Noll: vertical-
horizontal (1965)
Hommage à Michael Noll:
Computer Composition with
Lines (1965)
Hommage à Vera Molnar:
Unordnung (250 Quadrate,
4 %) (1980)
Hommage à Georg
Nees: Polygonfelder
(1968)
What is ComputerArt ?
• black & white
• lines & polygonal chains
• line hatching
• squares, polygons
• circles, ellipses
• (sine) curves
Graphic Elements
• simple basic elements
• repetition of these
elements
• variation of these elements
• random values for image
properties
Characteristics
• Analyzing Problems and Artifacts
• Abstracting
• Algorithms
• Creating Computational Artifacts
Hommage à Sonderegger: Butterfly
Course Concept
Hommage à Katherine Nesh: Triangle 9
Course Concept
28-28-28
Turtle Graphics!
+
Sequencing
square
Graphic Elements & Programming Concepts
Hommage à Steller: Rhythms
Loops
Turtle Graphics, Sequencing
+
Graphic Elements & Programming
Concepts
57-28-28Hommage à Vilder: Variations on 9 Squares
Modularization, Generalization
Turtle Graphics, Sequencing, Loops
+
Graphic Elements & Programming
Concepts
Hommage à Riley: Movement of Squares
Control Structures
+
Graphic Elements & Programming
Concepts
Turtle Graphics, Sequencing,
Loops, Modularization,
Generalization
Expandability : Construction Kit for
Graphics
pixel
dot
circular disc
Hommage à Bohnacker et al.: Frame Shift
Graphic Elements & Programming
Concepts
Hommage à Nees & Roubaud: Random Lines
line to A
line from A to B
line length direction
line from A length direction
A B
A
A
Expandability : Construction Kit for
Graphics
Graphic Elements & Programming
Concepts
Hommage à Nees: Arcs
arc from x y radius angle
arc around x y r a
circle around x y r a
disc around x y r a
…
Expandability : Construction Kit for
Graphics
Graphic Elements & Programming
Concepts
Remixing Nees, Struycken, Sýkora, Molnar
Recoding & Remixing ComputerArt
• Color
• Large Output Devices
• Interactivity
• Sensors & Feedback
• Drawing Robots
• Live Coding
Multimedia for All!
The static image is not at the
height of the medium algorithmic
art.
In any case, the image must be in
motion: whether it is a dynamic
installation or an interaction with
the environment, that does not
matter.
(Nake, 2013)
Multimedia for All!
From static images to interactive installations!
Hommage à Nees: (Gravel; Animated)
• Animation
Hommage à Willem van Weeghel: Dynamic Structure
Multimedia for All!
• Animation
• Interactivity
Dynamic Circles
Multimedia for All!
• Animation
• Interactivity
• Sensors &
Feedback
Hommage à Talman: Sartre
Multimedia for All!
• arbitrary stage sizes
• nested sprites
• sending messages to individual
sprites
• blocks libraries
• projects as standalone
executables (built with Snapp!)
• …
• and invaluable help by Jens ;-)
Hommage à Pollock: Drip Painting
Why Snap! ?
now (nearly) finished:
• Website: Digital Art & Digital Art
Gallery (e)
• (E-)Book (german version)
new in the pipeline:
• (E-)Book (english version)
• Scratch Studio: ComputerArt
• 2nd (E-)Book: Opticals (?)
• Scratch Studio: Opticals (?)
Results
Outlook
Thank you for your attention!
http://digitalart.joachim-wedekind.de
Twitter: @jowede
E-Mail: j.wedekind@iwm-tuebingen.de

More Related Content

PPTX
Computer graphic
PPTX
Raster animation
PDF
Computer Graphics - Lecture 00 - Introduction
PDF
Ivan Sutherland - A pioneer in Human Computer Interaction
PPTX
Processing workshop
PPTX
Life and Work of Ivan Sutherland | Turing100@Persistent
PPSX
Design + Art + Science, and Demoscene
PPT
Exploring Net Culture Introduction
Computer graphic
Raster animation
Computer Graphics - Lecture 00 - Introduction
Ivan Sutherland - A pioneer in Human Computer Interaction
Processing workshop
Life and Work of Ivan Sutherland | Turing100@Persistent
Design + Art + Science, and Demoscene
Exploring Net Culture Introduction

Similar to Slides Long Talk Bordeaux2017 (20)

PPT
Computer graphics, bba 1
PPT
Computer graphics, group 9, bba a
PPSX
Extended Context/Extended Media Class 07
PDF
Poster Bordeaux2017
PPTX
Steam presentation deux 3 d prints from photographs
PPTX
Sketchpad
PPT
Lec-1 Computer Graphics.ppt
PPT
Sketching Free-Forms in Semi-Immersive Virtual Environments
PPTX
The Nature of Code via Cinder - Modeling the Natural World in C++
PPT
Ciencias de la computación, Gráficos por computadora.
PPTX
Animation Magic: Crafting Visual Stories
PDF
On NURBS Geometry Representation in 3D modelling
PPTX
Introduction to Computer graphics
PPTX
CG Lecture0.pptx
PDF
Intro to Transformers.pdf
PPTX
Benoit fouletier guillaume martin unity day- modern 2 d techniques-gce2014
PPTX
Digital Artxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.pptx
PPTX
Digital Art Presentation
PDF
Talk: An Instrument whose Music is Ideas
Computer graphics, bba 1
Computer graphics, group 9, bba a
Extended Context/Extended Media Class 07
Poster Bordeaux2017
Steam presentation deux 3 d prints from photographs
Sketchpad
Lec-1 Computer Graphics.ppt
Sketching Free-Forms in Semi-Immersive Virtual Environments
The Nature of Code via Cinder - Modeling the Natural World in C++
Ciencias de la computación, Gráficos por computadora.
Animation Magic: Crafting Visual Stories
On NURBS Geometry Representation in 3D modelling
Introduction to Computer graphics
CG Lecture0.pptx
Intro to Transformers.pdf
Benoit fouletier guillaume martin unity day- modern 2 d techniques-gce2014
Digital Artxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.pptx
Digital Art Presentation
Talk: An Instrument whose Music is Ideas
Ad

More from jowe (9)

PDF
Kunst und Computer
PDF
Recoding early computer art
PDF
Vortrag WHO Tübingen Silver Surfer
PDF
Vortrag VHS Landesvorstand Baden-Württemberg
PDF
Conference Dinner GMW14
PDF
Vortrag GML13 zu cMOOCs
PDF
Vortrag Hamburg Silver Surfer
PDF
Vortrag Hamburg Silver Surfer
PDF
Vortrag 10 Jahre e-teaching.org
Kunst und Computer
Recoding early computer art
Vortrag WHO Tübingen Silver Surfer
Vortrag VHS Landesvorstand Baden-Württemberg
Conference Dinner GMW14
Vortrag GML13 zu cMOOCs
Vortrag Hamburg Silver Surfer
Vortrag Hamburg Silver Surfer
Vortrag 10 Jahre e-teaching.org
Ad

Recently uploaded (20)

PPTX
Climate Change and Its Global Impact.pptx
PDF
Literature_Review_methods_ BRACU_MKT426 course material
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PDF
Climate and Adaptation MCQs class 7 from chatgpt
PDF
Complications of Minimal Access-Surgery.pdf
PDF
LEARNERS WITH ADDITIONAL NEEDS ProfEd Topic
PDF
Race Reva University – Shaping Future Leaders in Artificial Intelligence
PDF
Journal of Dental Science - UDMY (2020).pdf
PPTX
Module on health assessment of CHN. pptx
PDF
CRP102_SAGALASSOS_Final_Projects_2025.pdf
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
Journal of Dental Science - UDMY (2021).pdf
PDF
Empowerment Technology for Senior High School Guide
PDF
English Textual Question & Ans (12th Class).pdf
PDF
LIFE & LIVING TRILOGY - PART (3) REALITY & MYSTERY.pdf
PDF
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf
Climate Change and Its Global Impact.pptx
Literature_Review_methods_ BRACU_MKT426 course material
AI-driven educational solutions for real-life interventions in the Philippine...
Climate and Adaptation MCQs class 7 from chatgpt
Complications of Minimal Access-Surgery.pdf
LEARNERS WITH ADDITIONAL NEEDS ProfEd Topic
Race Reva University – Shaping Future Leaders in Artificial Intelligence
Journal of Dental Science - UDMY (2020).pdf
Module on health assessment of CHN. pptx
CRP102_SAGALASSOS_Final_Projects_2025.pdf
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
Share_Module_2_Power_conflict_and_negotiation.pptx
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
Introduction to pro and eukaryotes and differences.pptx
Journal of Dental Science - UDMY (2021).pdf
Empowerment Technology for Senior High School Guide
English Textual Question & Ans (12th Class).pdf
LIFE & LIVING TRILOGY - PART (3) REALITY & MYSTERY.pdf
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf

Slides Long Talk Bordeaux2017

  • 3. • What is ComputerArt ? • Recoding & Remixing ComputerArt • Graphic Elements & Programming Concepts • Multimedia for All! • Why Snap! ? • Outlook Hommage à Sýkora: B&W Structure
  • 4. 57-28-28 What is ComputerArt ? Hommage à Noll: Gaussian-Quadratic Computer art is any art in which computers play a role in production or display of the artwork. (Wikipedia, 2017)
  • 6. Recoding & Remixing ComputerArt Hommage à Laposky: Oscillons ?
  • 7. Programming Interactive Graphics - An Introduction with ACS Logo Vol. 1: Polygones, Spirolaterals, Recursive Graphics, L-Systems Download: http://joachim-wedekind.de/Downloads/LogoBuchBand1.pdf
  • 8. Examples Turtle Graphics Examples ComputerArt Recoding & Remixing ComputerArt
  • 9. 57-28-28 Like everything else on a computer, the digital image exists as a double: • surface (visible for humans) & • subface (computable by software) (Nake, 2017) Hommage à Nake: Rectangle Hatching What is ComputerArt ?
  • 10. Mark Wilson (1985). The Artist’s Guide to Computer Graphics Limbeck & Schneeberger (1979). Computergrafik https://recodeart.wordpress.comhttp://recodeproject.com Recoding & Remixing ComputerArt
  • 11. 28.05.16, 17:32omputer Art Seite 1 von 3edu/studios/76888/ 28 Sep 201228 Sep 2012 Scratch website IScratch website I good art that Igood art that I l put it here.l put it here. Computer ArtComputer Art (( 3939 Anhängers )Anhängers ) Projekte ( 100+ ) Kommentare ( 71 ) Kuratoren Aktivität DoodleBot3 vonvon Rick3137 four circles in a circle vonvon leszpio Sierpinski triangle of d… vonvon leszpio DoodleBot2 vonvon Rick3137 DoodleBot vonvon Rick3137 blockshade rapunzel fr… vonvon skydanny112 blockshade art- hummi… vonvon skydanny112 blockshade art- horse … vonvon skydanny112 the many outfits of Jas… vonvon skydanny112 the many outfits of ariel vonvon skydanny112 the many outfits of mulan vonvon skydanny112 I LOVE THE SKETCH T… vonvon Dragonlover09 Spiral_Tree_Autumn_E… vonvon quast FractalDotsPattern vonvon quast fractals circles vonvon leszpio bee art vonvon ArnavPingle Archimedes' Spiral patt… vonvon dapontes Generative art Experim… vonvon dapontes art flower - creator2 vonvon leszpio dark star fusion-leszpi… vonvon forest Curlicues_2014 vonvon mathjp Curlicues_2015 vonvon mathjp Epicycloid lines vonvon Kirsty2 Pentagon2 vonvon Rick3137 wickeln Entdecken Diskutieren Über Scratch Hilfe Scratcher werdenSuche Anmelden ComputerArt DigitalArt Selim Tezel B. Riley Mondrian Recoding & Remixing ComputerArt
  • 12. Hommage à Michael Noll: vertical- horizontal (1965) Hommage à Michael Noll: Computer Composition with Lines (1965) Hommage à Vera Molnar: Unordnung (250 Quadrate, 4 %) (1980) Hommage à Georg Nees: Polygonfelder (1968) What is ComputerArt ?
  • 13. • black & white • lines & polygonal chains • line hatching • squares, polygons • circles, ellipses • (sine) curves Graphic Elements
  • 14. • simple basic elements • repetition of these elements • variation of these elements • random values for image properties Characteristics
  • 15. • Analyzing Problems and Artifacts • Abstracting • Algorithms • Creating Computational Artifacts Hommage à Sonderegger: Butterfly Course Concept
  • 16. Hommage à Katherine Nesh: Triangle 9 Course Concept
  • 18. Hommage à Steller: Rhythms Loops Turtle Graphics, Sequencing + Graphic Elements & Programming Concepts
  • 19. 57-28-28Hommage à Vilder: Variations on 9 Squares Modularization, Generalization Turtle Graphics, Sequencing, Loops + Graphic Elements & Programming Concepts
  • 20. Hommage à Riley: Movement of Squares Control Structures + Graphic Elements & Programming Concepts Turtle Graphics, Sequencing, Loops, Modularization, Generalization
  • 21. Expandability : Construction Kit for Graphics pixel dot circular disc Hommage à Bohnacker et al.: Frame Shift Graphic Elements & Programming Concepts
  • 22. Hommage à Nees & Roubaud: Random Lines line to A line from A to B line length direction line from A length direction A B A A Expandability : Construction Kit for Graphics Graphic Elements & Programming Concepts
  • 23. Hommage à Nees: Arcs arc from x y radius angle arc around x y r a circle around x y r a disc around x y r a … Expandability : Construction Kit for Graphics Graphic Elements & Programming Concepts
  • 24. Remixing Nees, Struycken, Sýkora, Molnar Recoding & Remixing ComputerArt
  • 25. • Color • Large Output Devices • Interactivity • Sensors & Feedback • Drawing Robots • Live Coding Multimedia for All!
  • 26. The static image is not at the height of the medium algorithmic art. In any case, the image must be in motion: whether it is a dynamic installation or an interaction with the environment, that does not matter. (Nake, 2013) Multimedia for All! From static images to interactive installations! Hommage à Nees: (Gravel; Animated)
  • 27. • Animation Hommage à Willem van Weeghel: Dynamic Structure Multimedia for All!
  • 28. • Animation • Interactivity Dynamic Circles Multimedia for All!
  • 29. • Animation • Interactivity • Sensors & Feedback Hommage à Talman: Sartre Multimedia for All!
  • 30. • arbitrary stage sizes • nested sprites • sending messages to individual sprites • blocks libraries • projects as standalone executables (built with Snapp!) • … • and invaluable help by Jens ;-) Hommage à Pollock: Drip Painting Why Snap! ?
  • 31. now (nearly) finished: • Website: Digital Art & Digital Art Gallery (e) • (E-)Book (german version) new in the pipeline: • (E-)Book (english version) • Scratch Studio: ComputerArt • 2nd (E-)Book: Opticals (?) • Scratch Studio: Opticals (?) Results Outlook
  • 32. Thank you for your attention! http://digitalart.joachim-wedekind.de Twitter: @jowede E-Mail: j.wedekind@iwm-tuebingen.de