Skip to content

CS-foreach/creative-coding-p5js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Creative Coding in P5JS

Learning to code for the sake of coding is boring. Let's try teaching code as a means to make cool stuff! In this case, we're using code to make art using P5.js.

Learning Goals

Learning goals set the end goal of the workshop of lesson plan. What are the key takeaways? This helps curriculum developers determine what is supplemental and what is important.

  • Make sure the students have fun
  • Make sure the students have something they can show to friends / family
  • It should be something genuinely different from what they can make without code

How to use this repo

The wiki will contain most of the "how to use" information as well as logs for decisions and workshop plans. This repo is currently under development so the "how to use" is subject to change.

The workshops folder will contain all the workshop lesson plans.

  • A new folder for each new series of workshops that are taught
  • A new file is made for each workshop that used P5

Online Resources

Link Description
GitHub/Creative-Monarch Workshop Repo
Slides/Workshop_Presentation Presentation for the workshop
GitHub/Lesson_Plan Lesson Plan / Agenda
Processing/p5 Online Editor
YouTube/CodingTrain Professor that also teaches creative coding using processing
MIT/CodeAsACreativeMedium Book on how to teach creative coding
GitHub/Golanlevin The author of Code as a Creative Medium has publicy availble lectures
GitHub/NatureOfCode The author of coding train has a book on advanced processing and nature coding.
Classroom/CreativeCoding P5 lesson plan for middle school students. Emphasis on static picture creation.
Showcase/p5 2022's showcase of p5 projects!
TRCC/courses Time Roden Broeker is an artist who's medium is processing! (not free unfortunately but it's cool to see!)