# creative-coding-class

**Repository Path**: yobrave/creative-coding-class

## Basic Information

- **Project Name**: creative-coding-class
- **Description**: 学习用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-12-17
- **Last Updated**: 2021-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# creative-coding-class

Code following this online class:

[Creative Codeing with JavaScript](https://www.domestika.org/en/courses/2729-creative-coding-making-visuals-with-javascript/course)

# canvas-sketch Chooser

The project implements a sketch-switcher (chooser.js).  Each sketch does not call canvasSketch itself, but instead just exports
a `name`, `sketch`, and (optional) `createPane` method.

The chooser then managers stopping any previous animation going on
and removing the canvas that was used (since canvas-sketch by default will add another one to the body).

*It may be possible that the sketch-manager from canvas-sketh could be used more intelligently, but this was a quick and easy
way to deal with it.*


## Sample Sketches

![boxes](./snapshots/2021.10.01-16.45.17.png)

![circles](./snapshots/2021.10.08-01.24.03.png)

![arcs](./snapshots/2021.10.01-19.22.12.png)

![sphere](./snapshots/2021.10.01-21.56.37.png)

![dots](./snapshots/2021.10.08-01.00.18.png)

<video width="400" height="400" autoplay>
  <source src="./snapshots/2021.10.08-01.14.41.mp4" type="video/mp4">
</video>