Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course

Full Course: Creative Coding with Processing 4!
https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course
coding creative learn processing
Last synced: about 6 hours ago
JSON representation
Full Course: Creative Coding with Processing 4!
Host: GitHub
URL: https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course
Owner: CodingTrain
License: mit
Created: 2023-07-02T20:44:47.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-09-29T22:11:05.000Z (about 1 year ago)
Last Synced: 2024-05-01T09:38:34.635Z (7 months ago)
Topics: coding, creative, learn, processing
Language: Processing
Homepage: https://nebula.tv/videos/codingtrain-beginners-guide-to-creative-coding-with-processing-full-course
Size: 1.22 MB
Stars: 55
Watchers: 5
Forks: 7
Open Issues: 1
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project

awesome-technostructure - CodingTrain/Creative-Coding-Processing-Full-Course - Coding-Processing-Full-Course: Full Course: Creative Coding with Processing 4! ([🔤 pedagogy](https://github.com/stars/ketsapiwiq/lists/pedagogy))
awesome-technostructure - CodingTrain/Creative-Coding-Processing-Full-Course - Coding-Processing-Full-Course: Full Course: Creative Coding with Processing 4! ([🔤 pedagogy](https://github.com/stars/ketsapiwiq/lists/pedagogy))
README

        # 🚂 Beginner's Guide to Creative Coding w/ Processing 🌈

[![Video thumbnail with colorful text and characters: "Learning Processing"](img/video-thumb.jpg)](https://nebula.tv/videos/codingtrain-beginners-guide-to-creative-coding-with-processing-full-course)

Choo choo! Welcome aboard to the world of creative coding! Join me in this beginner-friendly video series and choo-choo-choose to embark on an exciting journey with Processing, a versatile and artist-friendly programming language and environment. Whether you're an absolute beginner or have some experience already, my goal is to inspire and empower you to unleash your creativity through coding. Processing is your gateway to making art, animations, and interactive experiences. No prior experience is required—just curiosity and a desire to create!

Below, you'll find a detailed itinerary that includes links to all of the coding destinations: code examples, interactive exercises, and other reference material. Found a mechanical issue? Open an issue in this repo or call the conductor at [[email protected]](mailto:[email protected]).

For passengers looking to chat in the cafe car, [say hello in this reddit thread](https://www.reddit.com/r/Nebula/comments/16iylip/beginners_guide_to_creative_coding_with/) or [hop onto the Discord](https://thecodingtrain.com/discord). There's always room for one more on the Coding Train!  

## How to Watch

This video is available [right now as a Nebula first](https://nebula.tv/videos/codingtrain-beginners-guide-to-creative-coding-with-processing-full-course)! Want to support The Coding Train and have access to even more coding adventures? [Buy your train tickets for a Nebula journey with the Coding Train](https://go.nebula.tv/codingtrain)!

![Tabel of contents outlining timecodes for each chapter](img/outline.png)

## Introduction [0:00]

### Reference

- [Processing Website](https://processing.org/)

- [Link to Dan's first Processing Forum post](https://forum.processing.org/beta/num_1113961700_30.html)

- [Introduction to Computation Media Syllabus](https://web.archive.org/web/20120708035400/http://itp.nyu.edu/varwiki/Syllabus/ICM-Daniel-Shiffman-F11)

- [Processing Download](https://processing.org/download)

- [Nature of Code](https://natureofcode.com/)

- [ITP Website](https://itp.nyu.edu/itp/)

- [Lingo bouncing ball code example image](https://www.globalnerdy.com/wp-content/uploads/2020/06/Untitled-11.fw_.png)

- [Macromedia Director launch image](https://www.macintoshrepository.org/_resize.php?w=640&h=480&bg_color=333333&imgenc=ZmlsZ2f5XMvbWcvc2l0ZXMvbWcvZmlsZXMvc2NyZWVuc2hvdHMvYWJvdXRfZGlyZWN0b3JfbXgucG5nfHd3dy5tYWNpbnRvc2hyZXBvc2l0b3J5Lm9yZy8yNjQzNC1tYWNyb21lZGlhLWRpcmVjdG9yLW14)

- [Macromedia Director Lingo Workshop image](https://m.media-amazon.com/images/I/71YV4B05PXL._AC_UF1000,1000_QL80_.gif)

- [John Henry Thompson Coding Train video](https://www.youtube.com/watch?v=DvS4h-1Eyu4&t=1169s&ab_channel=TheCodingTrain)

- [What was Coding like 40 Years Ago?](https://www.youtube.com/watch?v=7r83N3c2kPw&t=122s&ab_channel=TheCodingTrain)

- [Procedural Painting Syllabus](https://shiffman.github.io/Procedural-Painting/)

- [The Coding Train Youtube Channel](https://www.youtube.com/@TheCodingTrain)

- [Casey Reas and Ben Fry Image](https://archive.aec.at/pic/showmode/15831/)

- [John Maeda Image](https://www.flickr.com/photos/scobleizer/2218331001/)

- [Design By Numbers IDE Image](https://i0.wp.com/maeda.pm/wp-content/uploads/2017/12/screen-shot-2017-12-01-at-1-41-09-pm.png?fit=1706%2C1150&ssl=1)

- [LOGO Image]()

- [BASIC Image](https://www.youtube.com/watch?v=PHfKCxjsmos&t=1967s&ab_channel=TheCodingTrain)

- [Rhizome Interview with Casey Reas and Ben Fry](https://rhizome.org/editorial/2009/sep/23/interview-with-casey-reas-and-ben-fry/)

- [Design by Numbers Example Image](https://cdn.dribbble.com/users/810463/screenshots/2015250/dbn.png)

- [Java Website](https://dev.java/)

- [Processing Original IDE Image](https://upload.wikimedia.org/wikipedia/commons/5/50/Processing-ide.png)

- [Processing original libraries page](https://web.archive.org/web/20061206215409/http://processing.org/reference/libraries/index.html)

- [Processing 1.0 Image](https://www.andrew.cmu.edu/course/60-257/reference/environment/index.html)

- [Processing Foundation Website](https://processingfoundation.org/)

- [Python Mode for Processing Website](https://py.processing.org/)

- [Processing for Android Website](https://android.processing.org/)

- [p5.js Website](https://p5js.org/)

- [Coding Challenges Link](https://thecodingtrain.com/challenges)

- [p5.js Web Editor](https://editor.p5js.org/)

- [Processing Libraries Link](https://processing.org/reference/libraries/)

- [Coding Train Tracks Link](https://thecodingtrain.com/tracks)

- [Nebula Website](https://nebula.tv/)

- [The Coding Train Website](https://thecodingtrain.com/)

- [The Coding Train Discord](https://discord.com/invite/ZHydDC8sXN)

- [Processing Forum](https://discourse.processing.org/)

## Drawing with Code [17:30]

### Reference

- [Rectangle reference page](https://processing.org/reference/rect_.html)

- [Triangle reference page](https://processing.org/reference/triangle_.html)

- [Quad reference page](https://processing.org/reference/quad_.html)

- [Arc reference page](https://processing.org/reference/arc_.html)

- [Programming Design Systems Website](https://programmingdesignsystems.com/)

### Code Examples  

#### In-Video Examples:  

- [Basic Shapes](https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course/blob/main/02_Drawing/CodingTrainBasicShapes/CodingTrainExample1.pde)

- [Shapes with Color](https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course/blob/main/02_Drawing/CodingTrainShapesWithColor/CodingTrainExample2.pde)

- [Zoog](https://github.com/CodingTrain/Creative-Coding-Processing-Full-Course/blob/main/02_Drawing/Zoog/Zoog.pde)

  

#### Do-It-Yourself Solutions:  

- [Abstract](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/abstract_sketch/abstract_sketch.pde)

- [Alien](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/alien/alien.pde)

- [Alien with Color](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/alien_color/alien_color.pde)

- [Flower](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/flower/flower.pde)

- [Flower with Color](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/flower_color/flower_color.pde)

- [Self Portrait](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/self_portrait/self_portrait.pde)

- [Spaceship](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/spaceship/spaceship.pde)

- [Spaceship with Color](https://github.com/CodingTrain/Learning-Processing-4/blob/main/02_Drawing/spaceship_color/spaceship_color.pde)

## Flow [1:04:39]

### Reference

- [Space Invaders Clip](https://www.youtube.com/watch?v=uGjgxwiemms&ab_channel=Senboza)

### Code Examples

- [Alien Antennas](https://github.com/CodingTrain/Learning-Processing-4/blob/main/03_Flow/alien_antennas/alien_antennas.pde)

- [Alien Frown](https://github.com/CodingTrain/Learning-Processing-4/blob/main/03_Flow/alien_frown/alien_frown.pde)

## Variables [1:29:31]

### Code Examples

- [Circle Grow](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/circle_grow/circle_grow.pde)

- [Circle y only](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/circle_y_only/circle_y_only.pde)

- [Circles fade out](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/circles_fade_out/circles_fade_out.pde)

- [Mouse with variables](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/mouse_width_variables/mouse_width_variables.pde)

- [Paintbrush mouse random](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/paintbrush_mouse_random/paintbrush_mouse_random.pde)

- [Paintbrush plain](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/paintbrush_plain/paintbrush_plain.pde)

- [Paintbrush random](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/paintbrush_random/paintbrush_random.pde)

- [Random house](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/random_house/random_house.pde)

- [Random lines](https://github.com/CodingTrain/Learning-Processing-4/blob/main/04_Variables/random_lines/random_lines.pde)

## Conditionals [2:02:46]

### Reference

- [Distance reference page](https://processing.org/reference/dist_.html)

- [Bouncing DVD logo](https://www.bouncingdvdlogo.com/)

- [Mouse press reference page](https://processing.org/reference/mousePressed_.html)

### Code Examples

- [Ball turn around](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/ball_turn_around/ball_turn_around.pde)

- [Bouncing ball button interface](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/bouncingBall_buttonInterface/bouncingBall_buttonInterface.pde)

- [Bouncing ball changing color](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/bouncingBall_changingColor/bouncingBall_changingColor.pde)

- [Bouncing ball changing size](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/bouncingBall_changingSize/bouncingBall_changingSize.pde)

- [Bouncing ball changing speed](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/bouncingBall_changingSpeed/bouncingBall_changingSpeed.pde)

- [Bouncing ball gravity](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/bouncingBall_gravity/bouncingBall_gravity.pde)

- [Circle rollover](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/circle_rollover/circle_rollover.pde)

- [Four sections](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/four_sections/four_sections.pde)

- [Paintbrush conditional](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/paintbrush_conditional/paintbrush_conditional.pde)

- [Rows conditional](https://github.com/CodingTrain/Learning-Processing-4/blob/main/05_Conditionals/rows_conditional/rows_conditional.pde)

## Loops [2:50:01]

### Reference

- [C64 running 10PRINT](https://www.youtube.com/watch?v=m9joBLOZVEo&ab_channel=ThomasWinningham)

- [10PRINT Website](https://10print.org/)

- [10PRINT Coding Challenge and Passenger Showcase](https://thecodingtrain.com/challenges/76-10Print)

- [Passenger Showcase Submission Form](https://thecodingtrain.com/guides/passenger-showcase-guide#submission-form)

- [Commodore 64 image](https://interface-experience.org/site/wp-content/uploads/2015/01/IE-008KKEDIT.jpg)

### Code Examples

- [Checkerboard](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/checkerboard/checkerboard.pde)

- [Concentric circles](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/concentric_circles/concentric_circles.pde)

- [Grid changing size](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/grid_changing_size/grid_changing_size.pde)

- [Grid circles](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/grid_circles/grid_circles.pde)

- [Horizontal stripes](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/horizontal_stripes/horizontal_stripes.pde)

- [Vertical stripes](https://github.com/CodingTrain/Learning-Processing-4/blob/main/06_Loops/vertical_stripes/vertical_stripes.pde)

## Arrays [3:12:29]

### Reference

- [Text reference page](https://processing.org/reference/text_.html)

- [Stroke cap reference page](https://processing.org/reference/strokeCap_.html)

### Code Examples

- [Color palette array](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/color_palette_array/color_palette_array.pde)

- [Fruit array index 1](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/fruit_array_index1/fruit_array_index1.pde)

- [Fruit array index 2](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/fruit_array_index2/fruit_array_index2.pde)

- [Fruit data visualization](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/fruit_data_viz/fruit_data_viz.pde)

- [Fuit data viz average](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/fruit_data_viz_average/fruit_data_viz_average.pde)

- [Fruit data viz sum](https://github.com/CodingTrain/Learning-Processing-4/blob/main/07_Arrays/fruit_data_viz_sum/fruit_data_viz_sum.pde)

## Functions [3:40:29]

### Code Examples

- [Conversion function](https://github.com/CodingTrain/Learning-Processing-4/blob/main/08_Functions/conversion_function/conversion_function.pde)

- [Lollipops](https://github.com/CodingTrain/Learning-Processing-4/blob/main/08_Functions/lollipops/lollipops.pde)

- [Lollipops animated](https://github.com/CodingTrain/Learning-Processing-4/blob/main/08_Functions/lollipops_animated/lollipops_animated.pde)

- [Rainbow, unicorn, puppy](https://github.com/CodingTrain/Learning-Processing-4/blob/main/08_Functions/rainbow_unicorn_puppy/rainbow_unicorn_puppy.pde)

- [Unicorn only](https://github.com/CodingTrain/Learning-Processing-4/blob/main/08_Functions/unicorn_only/unicorn_only.pde)

## Classes and Objects [4:02:30]

### Reference

- [Distance reference page](https://processing.org/reference/dist_.html)

- [Pixel array video](https://www.youtube.com/watch?v=EmtU0eloTlE&t=768s&ab_channel=TheCodingTrain)

### Code Examples

- [Bubble](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/bubble_example)

- [Bubble with arguments](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/bubble_example_arguments)

- [Bubble mouse interaction](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/bubble_mouse_interaction)

- [Bubbles and rain](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/bubbles_and_rain)

- [Bubbles and rain pop](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/bubbles_and_rain_pop)

- [Flower class](https://github.com/CodingTrain/Learning-Processing-4/tree/main/09_ClassesAndObjects/flower_example)

## Confetti Project [4:56:20]

### Reference

- [Coding challenges](https://thecodingtrain.com/challenges)

- [Nature of Code (Processing)](https://www.youtube.com/watch?v=6vX8wT1G798&list=PLRqwX-V7Uu6aFlwukCmDf0-1-uSR7mklK&ab_channel=TheCodingTrain)

- [Nature of Code (p5.js)](https://www.youtube.com/watch?v=70MQ-FugwbI&list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM&ab_channel=TheCodingTrain)

### Code Examples

- [Confetti party](https://github.com/CodingTrain/Learning-Processing-4/tree/main/10_ConfettiProject/confetti_party)

- [Confetti party arrayList](https://github.com/CodingTrain/Learning-Processing-4/tree/main/10_ConfettiProject/confetti_party_ArrayList)

- [Confetti party rotate](https://github.com/CodingTrain/Learning-Processing-4/tree/main/10_ConfettiProject/confetti_party_rotate)

## Conclusion [5:03:15]

### Reference

- [Images and Pixels (Processing playlist)](https://www.youtube.com/watch?v=-f0WEitGmiw&list=PLRqwX-V7Uu6YB9x6f23CBftiyx0u_5sO9&ab_channel=TheCodingTrain)

- [3D Renderer coding challenge](https://www.youtube.com/watch?v=IKB1hWWedMk&ab_channel=TheCodingTrain)

- [Transformations](https://www.youtube.com/watch?v=o9sgjuh-CBM&ab_channel=TheCodingTrain)

- [Text and Data](https://www.youtube.com/watch?v=NLzne4XaR3M&list=PLRqwX-V7Uu6Y4F21kqaFLk6oGW2I5o7FY&ab_channel=TheCodingTrain)

- [Data and API's](https://www.youtube.com/watch?v=DbcLg8nRWEg&list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X&ab_channel=TheCodingTrain)

- [Loading and playing with sound (p5.js](https://www.youtube.com/watch?v=Pn1g1wjxl_0&list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW&ab_channel=TheCodingTrain)

- [Capture and live video](https://www.youtube.com/watch?v=WH31daSj4nc&list=PLRqwX-V7Uu6bw0bVn4M63p8TMJf3OhGy8&ab_channel=TheCodingTrain)

- [Physics engine](https://www.youtube.com/watch?v=wB1pcXtEwIs&list=PLRqwX-V7Uu6akvoNKE4GAxf6ZeBYoJ4uh&ab_channel=TheCodingTrain)

- [The Coding Train Discord](https://discord.gg/brgTTY3C)

- [Twitter](https://twitter.com/thecodingtrain)

- [Instagram](https://www.instagram.com/the.coding.train/)