Historical Information
“Education For an Age of Technology” A history of technology : Singer, Charles, 1876-1960, editor, Volumes I-V, VIII : Free Download, Borrow, and Streaming : Internet Archive
-
Visual representation of data tends to be perceived more easily by students… Coding Knowledge Visualization as a Teaching Tool: Education Book Chapter | IGI Global (igi-global.com)
-
Kinesthetic learning;
- The VARK Model by Neil Fleming
- Visual learning (Using Processing or other frameworks that are built for creating visual output from code)
- Auditory learning (Sonic Pi) Kinesthetic learning - Wikipedia
- Kinesthetic learning (American English), kinaesthetic learning (British English), or tactile learning is a learning style in which learning takes place by the students carrying out physical activities, rather than listening to a lecture or watching demonstrations.
- Sci-Hub | The Kinesthetic Approach to Teaching: Building a Foundation for Learning | 10.1177/002221948501800803 (mksa.top)
-
LeRandom Historical information about generative art in a timeline format
-
Computer Graphics History Timeline
-
History of Computer Graphics Presentation
-
Creative Coding History Repository of artist documentation, shows, and works.
-
Creative Coding Notes of Cache Overflow Algorithms, shaders, videos, books, tutorials…
Creative Coding (COD 207-208)
Some small html project might be helpful for assignments and some of them for web dev… https://twitter.com/Prathkum/status/1775878750518866158
🏁 Introduction to Programming Fundamentals
⭐️ Brilliant.org Creative Coding Introduction! No Code! (week 1) p5JS drawing tool The repo also has Daniel Shiffman’s AI for Arts syllabus and course materials.
🎮 Algorithms & Concepts
1. Paper Marbling Algorithm
video Paper Marbling Tokutaro Yagi Digital Marbling Mathematical Marbling Mathematical Marbling
2. 3D Gaussian Splatting for Real-Time Radiance Field Rendering
Splat: 3D Image cloud from Photo (Javascript) Splat: 3D Image cloud from Photo(openFrameworks)
3. Moiré Pattern
Moiré patterns are large-scale interference patterns that occur when two partially opaque, ruled patterns with transparent gaps are overlaid, but are not perfectly identical (e.g., displaced, rotated, or have slightly different pitch). source
Tools & Web Application
Desmos Online graphing tool to explore trigonometric functions.
Graphtoy Explore lineal formulas on the fly. The web site includes ready-made trigonometric functions in animation.
Easing.net The web site showcases common easing functions in CSS and Math function separately.
OpenProcessing
ShaderToy
📦 Third-party Apps
1. Timeline Apps OSC Protocoll
Chataigne → Free, opensource, Mac OS, Windows Vezer → Paid, Mac OS Duration → docs, Standalone app of ofxTimeline, Free, Windows, Mac OS, Linux Timeliner → Based on VVVV, Free, Windows, Mac OS, Linux CuePilot → Free, Windows, Mac OS, Linux TWO → Free, Windows, Mac OS, Linux Ossia → Free, Windows, Mac OS, Linux Iannis → Free, Windows, Mac OS, Linux Timeline → Free, Windows
2. Body, Pose, Face, Hand Tracking Apps
Popeyepopeye does some very basic skeleton and hand tracking, and sends recognized landmarks via osc or mqtt. it uses mediapipe internally. Uses web-cam.
👩🏻🎤 Artists
Maggie Orth Artist work with textile and electronics. #e-textileelectronics
Wei-Chieh ShihWei-Chieh Shih is an artist and maker specializing in e-textiles, laser galvanometer systems, and DIY dye-sensitized solar cells. #e-textileelectronics
Phillip David Stearns Works with various mediums mostly on glitch aesthetics using textiles. #e-textileelectronicsglitch
KOBAKANT The site documents the range of wearable technology and soft circuit solutions that we have developed for our own practice since 2007. Many interesting techniques and possibilities never make it into a finished project. #e-textileelectronics
Daniel Rozin Pixel mirrors. #electronicsmirror
Joel Shapiro Works with static material and traditional techniques. #generativeart
🏘️ Creative Coding Studios & Links
Onformative Berlin based studio for digital art and design.
Filika Interactive Istanbul based studio for art+design+technology.
Decol Istanbul based studio for art+design+technology.
Molten Immersive Art It straddles the boundaries of multi-discipline artistic experiences across ALL the senses.
Intuity Germany based company focused on interactive software and hardware solutions.
Studio Nowhere Digital art and design studio based in Shangai dedicated to new forms of public engagements with creative experiences.
Kimatica A London-based creative studio designing transformative experiences through performance arts, interactive technology and the human body.
Creative Applications An online art+design+technology hub for creative industries.
📺 Video Archive
Chronological playlist of CGI History Chronological playlist of innovative 230 CGI Videos from this channel -excerpts from movies , shorts , animations… #3d
John Whitney, Catalog (1961) - Pioneer computer animator John Whitney Sr. in 1959, operating one of the first computer-graphics engines, a mechanical analog computer built largely from surplus World War II anti-aircraft guidance hardware. Source #audiovisualanimation
How Computer-Generated Animations Were Made, Circa (1964) AT&T Archives
Doris Chase, Circles I (1969) “Circles” is a very early piece of video art created by Doris Chase in 1969-1070. This video was created using the large mainframe computer at Boeing’s facility in Seattle. #animation
Norman McLaren, Synchromy (1971) Norman McLaren (11 April 1914 — 27 January 1987) was a Scottish-born Canadian animator and film director known for his work for the National Film Board of Canada (NFB). He was a pioneer in a number of areas of animation and filmmaking, including drawn on film animation, visual music, abstract film, pixilation and graphical sound. His awards included an Oscar for the Best Documentary in 1952 for Neighbours, a Silver Bear for best short documentary at the 1956 Berlin International Film Festival Rythmetic and a 1969 BAFTA Award for Best Animated Film for Pas de deux. -wikipedia #audiovisualanimation
Peter Foldes, Metadata (1971) First computer key frame animation (full version) #animation
John Whitney, Matrix III (1972) Graphics programming by Dean Anschultz music by Terry Riley. #audiovisualanimation
Ed Catmull & Fred Parke - first 3D rendered movie, Pixar (1972) In 1972 Ed Catmull (founder of Pixar) and his colleagues created the world’s first 3D rendered movie, an animated version of Ed’s left hand. This is the film that they produced. It includes some “making of” footage (around 1:30) and some other early experiments. Read more. #animation3d
Manfred Mohr, Cube Transformation Study (1972) #animation generativeart
Early CGI Facial Animation (1974) Parametric facial animation created at the University of Utah #animation3d
Manfred Mohr, Cubic Limit (1974) An original 16 mm computer generated film by Manfred Mohr ‘Cubic Limit’ (1973-1974) has been converted into digital format. The quality of the copy is a lo-res copy, but nevertheless shows the film from that time. A header and trailer have been added. Sequences from the film were published in the catalog Manfred Mohr, “Cubic Limit”, Galerie Weiller, Paris, 1975 with the caption: Images du Film (16 mm) ‘Cubic Limit’ For more information #animation3dgenerativeart
Steve Beck, Weavings excerpt (1976) #audiovisualanimationgenerativeart
SIGGRAPH Art Exhibition Artist Interviews (1982 ) #documentary
Larry Cuba, Calculated Movements (1982-85) Year: 1982-1985 Medium: 16 mm film Software: Custom written in Z-Grass Programming Language Computer: Datamax UV-1. source #audiovisualanimationgenerativeart3d
Vincent John Vincent, Immersive Video Gesture Control (1986) #VRinteractivedocumentary
Myron Krueger - Videoplace, Responsive Environment (1986) Documentation produced 1988, Museum of Natural History, Vernon; The participant’s image is digitized to create silhouettes which is analyzed by specialized processors. The processors analyze the image’s posture, rate of movement, and its relationship to other graphic objects in the system. They then react to the movement of the participant and create a series of responses-be they visual or auditory reactions. Two or more environments could also be linked. A series of simulations is programmed based on any action and Videoplace offered over 50 compositions and interactions (including Critter, Individual Medley, Fractal, Finger Painting, Digital Drawing, Body Surfacing, Replay, among others). To illustrate, when the participant’s silhouette pushed a graphic object-the computer choose to move the object or the silhouette. Or, as in Finger Painting where each finger created flowing paint without the distraction of the silhouette. Myron Krueger is one of the original pioneers of virtual reality and interactive art. Beginning in 1969, Krueger developed the prototypes for what would eventually be called Virtual Reality. More info: [http://www.artmuseum.net/w2vr/] #VRinteractiveNUI
Samia Halaby Samia Halaby is a world renowned painter who purchased a Commodore Amiga 1000 in 1985 at the tender age of 50 years old. She taught herself the BASIC and C programming languages to create “kinetic paintings” with the Amiga and has been using the Amiga ever since. Samia has exhibited in prestigious venues such as The Guggenheim Museum, The British Museum, Lincoln Center, The Chicago Institute of Art, Arab World Institute, Mathaf: Arab Museum of Modern Art, Sakakini Art Center, and Ayyam Gallery just to name a few. #animationgenerativeart
📚 Articles
“Put-that-there”: Voice and gesture at the graphics interfaceThe work described herein involves the user commanding simple shapes about a large-screen graphics display surface. Because voice can be augmented with simultaneous pointing, the free usage of pronouns becomes possible, with a corresponding gain in naturalness and economy of expression. Conversely, gesture aided by voice gains precision in its power to reference. video #NUImultimodality
Generative Art Timeline Poster #historygenerativeart
Computers & Automation Magazine The link includes 25 magazine issues between 1950 - 1970. #computer-arthistory
Generative Art
Algorithmic Art Praxis: Reproductions
Georg Nees Georg Nees This one demonstrates how increase the effect towards down algorithm., easy, hard-Analysis
Artists
Amy Goodchild Amy uses code and other technologies to create art which explores generativity, group experience, and interaction.
Central to my practice is consideration of my audience, and I find no greater joy in life than creating things that other people enjoy.
Memo Akten MEMO works with code, data and AI; creating Speculative Simulations & Data Dramatizations exploring intricacies of human-planet-machine entanglements; perception and states of consciousness; the tensions between ecology, technology, science & spirituality
Daniel Canogar Canogar’s artworks explore the epistemological challenges and implications of the shift from the printing press to the digital age. His “dataworks” use obsolete technologies and generative algorithms to capture the position of the individual in a technologically interconnected world. Canogar collaborates with various professionals to create public art installations that integrate technology and the public realm in relevant ways.
Inspirations
Flight Route Visualization #generativeartdatavis
Audiovisual #generativeartaudiovisual
Music Video : Cupcake Gunfight by Enabl.ed #generativeartaudiovisual
Quayola, Partitura 001 Telefon Tel Aviv #generativeartaudiovisual
Physical Computing
UI
Liquid Crystal Display 16x2 The library includes text-based scene management for different tasks to collect and display data on the screen.
Utilities & Libraries
Ticker Library The Arduino Ticker Library allows you to create easily Ticker callbacks, which can call a function in a predetermined interval. Arduino OSC Send % Receive OSC messages library.
Inspiration
Cache Overflow A plethora of inspirational physical computing projects Untitled List Another list of projects for physical computing Imogen Heap Wearable music technologies MEMO, Web Cam Piano
🎧 Music
Music For Programming Set of curated playlists may help you to focus during creative coding assignments.