DOM-E2112 - Creative Computation for Visual Communication D, 27.10.2020-03.12.2020
This course space end date is set to 03.12.2020 Search Courses: DOM-E2112
Topic outline
-
A non-conclusive and unorganised list of creative coding resources, references and inspiration.
Learning Resources
W3Schools
Extensive tutorials on everything JavaScriptCodeAcademy
Basic JavaScript tutorials for all skill levelsKhan Academy: Intro to JS
Free, entry-level tutorial videos (using ProcessingJS)Daniel Shiffman: The Coding Train
Excellent and fun entry-level videos about p5.jsDaniel Shiffman: Nature of Code
Great digital book on generative drawing techniques, focus on simulating natural phenomena (using Processing)
Comp Form
A bit more advanced and theoretical methods for creating computational forms. Started as a companion for Justin Bakse's course at Parsons design school.Allison Parrish: Creative Coding
Good step-by-step tutorials on basic and advanced p5.js topicsRune Madsen: Programming Design Systems
Free digital book about creative coding for graphic designersYeohyun Ahn & Viviana Cordova: Type + Code: Processing for Designers
Online book about experimental typography using Processing. (Can be applied to p5.js quite easily)Happy Coding
Good step-by-step tutorials on basic p5.js topicsAwesome Creative Coding
Huge repository for creative coding applications, tools and resourcesComputational Typography Resources
An impressive collection of resources, examples and reading on computational typeReferences & Collections
DADA
A database of early computer artBlack women in computing
Website and blog supporting and showcasing black women in computingCreative Applications Network
Platform for computational projects and artists, focus on physical computingHallointer.net
A curated collection of cool websitesHoverstates
More cool websitesOpen Processing
P5.js showcase 2020
User-submitted Processing sketches (with source code!)Experiments with Google
Experimental browser experiencesList of Physical Visualizations and Related Artifacts
Very interesting collection of historical data visualisation projects and techniques.Artists
Allison Parrish
Computational poetry and other language and text related generative artLauren McCarthy
Founder of p5.js, computational artworks and installationsZach Lieberman
Founder of OpenFrameworks, generative visuals made in openFrameworksTim Rodenbröker
Computational graphic designTero Parviainen
Generative musicMemo Acten
AI & Machine LearningSaskia Freeke
Daily Processing and p5.js sketchesCasey Reas
Founder of Processing, generative visual worksJohn Pound
Generative comic strips made with code (starting from the 1990’s!)Janelle Shane
Fun and improvised AI and machine learning projectsUniversal Everything
Design Studio focused on CGI, AR and VRStudio Moniker
Interactive design studio that make fun projects with/about technologyNervous System
A pioneering studio for generative 3D art and designJohn Burgess
Generative typography and motion graphicsProjects
Moniker: Conditional Design Workbook
Videopainter
Cool project done in Processing (could be done in p5.js!)The Useless Web
Fun random and useless experimental websitesDear Data
Lovely data visualisation projectNeil.fun
Fun random minisitesAutomated Type Design
Generative type projectLetterspirit
Early generative typeface projectLaika font
Typeface reacting to real-time weatherTools & interactive environments
Twine
Open-source tool for interactive narratives. Uses HTML, CSS and JS.Phase
Generative type tool by Elias HanzerBeact
Open source audio-visual instrument, made with JavaScriptGenerative poster tool made with p5.js
Glyph Drawing Club
ASCII art editorSandspiel
Draw with sandJoshua Koomen: New Alphabet
Spark AR
A generative spin on classic modular typeface
Face filters (can be scripted with JS)
FontJoy
AI-generated font pairings