https://github.com/cdaein/sketch-wrapper-starter-js

sketch-wrapper starter for JavasScript projects
https://github.com/cdaein/sketch-wrapper-starter-js

animation canvas creative-coding generative-art javascript sketch-wrapper

Last synced: about 1 month ago
JSON representation

sketch-wrapper starter for JavasScript projects

• Host: GitHub
• URL: https://github.com/cdaein/sketch-wrapper-starter-js
• Owner: cdaein
• License: mit
• Created: 2023-01-18T20:33:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-22T16:17:20.000Z (about 2 years ago)
• Last Synced: 2024-10-25T06:00:32.807Z (3 months ago)
• Topics: animation, canvas, creative-coding, generative-art, javascript, sketch-wrapper
• Language: JavaScript
• Homepage:
• Size: 184 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# setkch-wrapper-start-js



This repository contains the minimal example and the bundler setup (with Vitejs) to work as a starter code for using [`sketch-wrapper`](https://github.com/cdaein/sketch-wrapper).

Check out the sketch-wrapper repository for more information on what `settings` and `props` you can use and how to save image and video of your canvas, etc.

## How To

1. First, download or clone this repo into your computer. (In Github, you can click on Use This Template button.)

1. In your Command Line (Terminal) app, `cd` into the downloaded directory.

1. Run `npm install`. You will need to have [Node.js](https://nodejs.org/en/) installed on your computer.

1. Run `npm start` to start the local server.

1. Go to the local address printed on your console to see the result. The default is `http://localhost:5173/`.

1. Open the directory in your code editor (ie. VS Code)

1. Start making code changes in the `src/index.js` file.

1. When you are ready to build the project, run `npm run build`.

## License

MIT