https://github.com/jcblw/scribble-pad
An electron app and CLI tool that makes a sandbox env for you to write canvas creative code projects.
https://github.com/jcblw/scribble-pad
cli electron react
Last synced: about 2 months ago
JSON representation
An electron app and CLI tool that makes a sandbox env for you to write canvas creative code projects.
- Host: GitHub
- URL: https://github.com/jcblw/scribble-pad
- Owner: jcblw
- Created: 2020-09-30T23:01:20.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-04T17:12:19.000Z (over 5 years ago)
- Last Synced: 2025-02-14T08:16:41.604Z (over 1 year ago)
- Topics: cli, electron, react
- Language: TypeScript
- Homepage:
- Size: 1.03 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Scribble Pad
This is an electron app and cli tool that allows you to spin up creative coding environments with just a file. This file currently works with both javascript and typescript files.
[Example file](https://gist.github.com/jcblw/fdd1c664af9321063f63db9a949c4dbc)
## Why
This is in early development but I would like a tool to not only be able to prototype creative coding projects, but also be able to distribute them as well. This will eventually have a tool to package the code as well in an electron app. As well as match the api an underlying tool [react-scribble](https://github.com/jcblw/react-scribble) to be able to add it into React applications as components.
> Currently the app does not open in electron
## Technologies
- [Electron](https://www.electronjs.org/)
- [React](https://reactjs.org/)
- [Webpack](https://webpack.js.org/)
## Prior art
> Way more mature versions of this concept
- [Canvas-Sketch](https://github.com/mattdesl/canvas-sketch)
## Development
> Early development - there be :dragon:
First install all the dependencies via yarn.
```shell
yarn
```
Then you will need to build the CLI tool.
```shell
yarn build
```
Then you can just point it towards a file.
```shell
scribble-pad shaders.js
```