https://github.com/radames/redi-creative-coding-workshop
https://github.com/radames/redi-creative-coding-workshop
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/radames/redi-creative-coding-workshop
- Owner: radames
- Created: 2017-06-02T21:09:05.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-03T07:17:17.000Z (about 9 years ago)
- Last Synced: 2025-03-24T10:51:34.902Z (over 1 year ago)
- Language: Processing
- Size: 9.05 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Creative Coding
## Workshop Plan
### 10h [Introduction](#introduction)
- Brief review on how computers work, what does it means to write a code and tell to a machine run it.
- Creative Coding?
### 11h [Processing Environment (IDE)](#processing)
- Just a text editor?
- The pixelated canvas, pixels, coordinates and numbers
- Functions, shapes, text, colors
- Interaction and randomness, playing with moving numbers.
### 12h [Break]()
### 13h - 15h30 [Sketching your Art](#sketching-your-art)
### 15h30 - 16h [Printing your code]()
### 16h [THE END](https://media.giphy.com/media/lD76yTC5zxZPG/giphy.gif)
# Introduction
## Why Code?
## Expression / Politics / Culture
* [Douglas Rushkoff: "Program or Be Programmed](https://www.youtube.com/watch?v=BXjRaoTPlPE)
* [Open Whisper Systems](https://whispersystems.org/)
* [The Tor Project](https://www.torproject.org/)
* [guifi·net](https://guifi.net/en/what_is_guifinet)
## Artists References
* [Ryoji Ikeda](http://www.ryojiikeda.com/project/supersymmetry/)
* [Daito Manabe](http://www.daito.ws/en/work/)
* [Molle Industria](http://molleindustria.org/)
* [Onformative](http://onformative.com/work)
* [Studio Moniker](https://studiomoniker.com)
* [Eva and Franco Mattes](http://0100101110101101.org/works/)
* [Constand Dullaart](http://constantdullaart.com/)
* [Evan Roth](http://www.evan-roth.com/)
* [Aram Bartholl](http://datenform.de/)
* [Rafel Lozano-hemmer](http://www.lozano-hemmer.com/)
* [Case Reas](http://reas.com/)
* [Rafaël Rozendaal](http://www.newrafael.com/)
* [Jonas Lund](https://jonaslund.biz/)
### Galleries
* http://www.carrollfletcher.com/
* http://www.bitforms.com/
* http://www.postmastersart.com/
* http://www.pacegallery.com/
## Analog Computers
* [Mechanical Computer](https://www.youtube.com/watch?v=s1i-dnAH9Y4)
* [Theo Jansen - Creatures](https://www.youtube.com/watch?v=hHTuXe1rZrQ&feature=youtu.be&t=4m55s)
* [Antikythera mechanism](https://en.wikipedia.org/wiki/Antikythera_mechanism)
## Digital computers
* [How Computers Add Numbers](https://www.youtube.com/watch?v=VBDoT8o4q00)
* [Domino Computer](https://www.youtube.com/watch?v=OpLU__bhu2w)
* [Visual 6502](http://www.visual6502.org/JSSim/index.html)
* [Easy 6502](https://skilldrick.github.io/easy6502/)
* [Super Mario Code Injection, coding Flap Bird with Super Mario](https://www.youtube.com/watch?v=hB6eY73sLV0)
* [Monster 6502](http://monster6502.com/)
# Processing
## How to Start
1. Download [Processing IDE](https://processing.org/download/?processing)
2. Download this [repository](https://github.com/hacklabes/HackNights_Intro_2016_July/archive/master.zip)
## Starting
### Computer Programming
"Computer programming (often shortened to programming, sometimes called coding) is a process that leads from an original formulation of a computing problem to executable computer programs". The Source code is written in one or more programming languages. The purpose of programming is to find a sequence of instructions that will automate performing a specific task or solving a given problem. The process of programming thus often requires expertise in many different subjects, including knowledge of the application domain, specialized algorithms and formal logic."
[Computer Programming](https://en.wikipedia.org/wiki/Computer_programming)
### Source Code
In general, a text file with a collection of instructions written using some human-readable computer language.
[Source Code](https://en.wikipedia.org/wiki/Source_code)
### Computer Language
"A programming language is a formal constructed language designed to communicate instructions to a machine, particularly a computer. Programming languages can be used to create programs to control the behavior of a machine or to express algorithms."
[Computer Language](https://en.wikipedia.org/wiki/Computer_language)
### Algorithm
"...is a self-contained step-by-step set of operations to be performed""
[Algorithm](https://en.wikipedia.org/wiki/Algorithm)
### Compiler
"A compiler is a computer program that transforms source code written in a programming language into another computer language. The most common reason for converting source code is to create an executable program. "
[Compiler](https://en.wikipedia.org/wiki/Compiler)
### Interpreters
In computer science, an interpreter is a computer program that directly executes, i.e. performs, instructions written in a programming or scripting language, without previously compiling them into a machine language program. An interpreter generally uses one of the following strategies for program execution: [Interpreter](https://en.wikipedia.org/wiki/Interpreter_(computing))
### Syntax
"The set of rules that defines the combinations of symbols that are considered to be a correctly structured document in such computer language"
[Syntax](https://en.wikipedia.org/wiki/Syntax_(programming_languages))
### Debugging
The process of finding and resolving bugs or defects that prevent correct operation of computer software"
[Debugging](https://en.wikipedia.org/wiki/Debugging)
### Processing Reference
[Reference](http://processing.org/reference/)
## Tutorials
* [Coordinate System and Shapes](https://processing.org/tutorials/drawing/)
* [Colors](https://processing.org/tutorials/color/)
# Sketching your Art
## Inspiration
* [Geometric Abstract Art](https://encrypted.google.com/search?q=geometric+abstract+art&source=lnms&tbm=isch)
* [Algorithmic Art](https://encrypted.google.com/search?tbm=isch&q=algorithmic+art)
* [Recode Project](http://recodeproject.com/)
* [Tate Modern - Electronic Media Archive](http://www.tate.org.uk/art/art-terms/e/electronic-media)
* [SF Moma - Digital Media Archive](https://www.sfmoma.org/search/?page=2&classification=digital+media&q=&type=artwork)
* [MOMA - Archive - Software](https://www.moma.org/collection/works?locale=en&utf8=%E2%9C%93&q=&classifications=39&date_begin=Pre-1850&date_end=2017&with_images=1)
* [Introduction to Programming UCLA](https://www.openprocessing.org/class/2896)
* [Interactivity (DMA 28), Winter 2017, UCLA](https://www.openprocessing.org/class/55823)
## Color Pallet
* http://colormind.io/
* https://coolors.co/browser/latest/
* http://www.colourlovers.com/
* http://www.color-hex.com/color-palettes/
* https://color.adobe.com/create/color-wheel
# Other References
* [Generative Art](http://www.generative-gestaltung.de)
* [Nature of Code](https://vimeo.com/channels/natureofcode)
* [Daniel Shiffman](https://www.youtube.com/user/shiffman/videos)
* [Programming Design Systems by Rune Madsen](https://programmingdesignsystems.com)
* [What is code by Paul Ford](https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code)
* [Creative Coding Awesome List](https://github.com/terkelg/awesome-creative-coding)
* [Recode Project](http://recodeproject.com/)
* [Processing exhibition](http://processing.org/exhibition/)
* [Open Processing](https://www.openprocessing.org/)
* [Creative Applications - Processing](http://www.creativeapplications.net/category/processing/)
* [Generative Desing Nuttella](https://www.dezeen.com/2017/06/01/algorithm-seven-million-different-jars-nutella-packaging-design)
* [Reddit - Creative Coding](https://www.reddit.com/r/creativecoding/)
* [Prosthetic Knowledge - VR, 3D, Machine Learning](http://prostheticknowledge.tumblr.com/)
* [Creative Coding Vimeo](https://vimeo.com/channels/creativecoding/videos)