Creative Coding
Creative Coding Tutorials on CodePen! To tutorials
- CodePen is an excellent resource for coders
- It is free, easy to use, inspirational and educational
- Type code and see results right in the browser
- The tutorials are in a COLLECTION of PENS
- Fork the TEMPLATE (CCL 00) for the tutorials
- In the top left corner make a new PEN from the TEMPLATE
- This is where you will code your Pen for the tutorial
- Complete instructions are in the tutorials
- Here is an instruction VIDEO
- Follow ZIM on CodePen and heart the tutorial
If you are just learning to code please see the ZIM Basics or Learn JavaScript series.
The Creative Coding Tutorials are beginner friendly but focus on making art, games, etc. with code rather than the coding basics.
We will be using the ZIM JavaScript Canvas Framework to provide conveniences, components and controls. Here are some helpful features:
- The most popular programming language
- Free and open source HTML 5 Canvas
- Visual results for left and right brained learners
- ZIM uses 37% the code of similar frameworks
- ZIM is a general canvas framework
- See the BANNERS for common ZIM uses
- Supporting resources are at ZIM Learn
- Here are the ZIM Docs
- And lots of ZIM Examples
- And a full list of features ZIM About
I am Dr Abstract - the Founder of ZIM and the tutorial creator
- Canadian New Media Awards winner for Programmer and Educator
- Hamilton Arts Award recipient for Media Arts
- Professor of Interactive Media at Sheridan College
- Author of Your Guide to Coding Creativity on the Canvas
- Creator of many support VIDEOS
- Your host on Discord and Slack
- NFT Artist at Teia and (fx)hash
- On Twitter, Instgram and Facebook
- Happy to receive DONATIONS from schools to further our message