https://github.com/cdaein/ssam-examples

Example sketches created with Ssam.js
https://github.com/cdaein/ssam-examples

canvas create-ssam creative-coding generative-art javascript ssam typescript

Last synced: about 1 month ago
JSON representation

Example sketches created with Ssam.js

• Host: GitHub
• URL: https://github.com/cdaein/ssam-examples
• Owner: cdaein
• Created: 2023-12-20T15:10:38.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-24T20:06:33.000Z (11 months ago)
• Last Synced: 2024-10-25T06:00:33.027Z (3 months ago)
• Topics: canvas, create-ssam, creative-coding, generative-art, javascript, ssam, typescript
• Language: TypeScript
• Homepage:
• Size: 267 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ssam Examples

Sketches created with [Ssam.js](https://github.com/cdaein/ssam) to demonstrate common use cases.

Written with TypeScript. You can find JavaScript versions inside `src/js`, which are automatically compiled from TS sketches.

## Run individual Sketches

Replace `` with one of the sketch files in `src/ts`.

```sh

SKETCH=basic-drawing npm run dev

```

## Run the whole sketchbook

...

## Create your own sketch

Check out the [Ssam documentation](https://github.com/cdaein/ssam/wiki) to learn how to create a creative coding sketch with Ssam. It is recommended that you use `npm create ssam@latest` command to set up your own sketch with one of the provided templates.

## Build

To build JS version from TypeScript sketches in `src/ts`, run:

```sh

npm run jsbuild

```

To build the entire sketchbook,

...