Resources and notes for students of the course Creative Coding 2.0 in JS: Animation, Sound, & Color at Domestika.
The course is focused on creating visuals using JavaScript. In case you are new to the language, it's better to start with some of the fundamentals first:
- JavaScript basics
- JavaScript First Steps
- The Modern JavaScript Tutorial
- Creative Coding: Making Visuals with JavaScript
The CanvasRenderingContext2D interface, part of the Canvas API, provides the 2D rendering context for the drawing surface of a
<canvas>element. It is used for drawing shapes, text, images, and other objects.
canvas-sketchis a loose collection of tools, modules and resources for creating generative art in JavaScript and the browser using the<canvas>tag. It is designed to help create artworks and images with code, randomness, algorithms, and emergent systems.
- JavaScript basics
- JavaScript First Steps
- The Modern JavaScript Tutorial
- Creative Coding: Making Visuals with JavaScript
- Lorem Picsum
- Promise
- StackBlitz
- CodeSandbox
- canvas-sketch-cli default template
- Fork StackBlitz template
- Fork CodeSandbox template
- Editors:
- Browsers:
- Terminal (Windows):
- Runtime:
- Canvas API
- CanvasRenderingContext2D (code snippet to draw a house)
- canvas-sketch API Docs
- canvas-sketch CLI Docs
