https://github.com/cdglabs/Shadershop
https://github.com/cdglabs/Shadershop
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/cdglabs/Shadershop
- Owner: cdglabs
- License: unlicense
- Created: 2014-11-30T23:11:37.000Z (over 11 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-02-17T02:07:25.000Z (over 11 years ago)
- Last Synced: 2025-03-21T01:27:16.771Z (over 1 year ago)
- Language: JavaScript
- Size: 969 KB
- Stars: 916
- Watchers: 48
- Forks: 59
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-creative-coding - Shadershop - Interface for programming GPU shaders. (Tools / Online)
- fucking-awesome-creative-coding - Shadershop - Interface for programming GPU shaders. (Tools / Online)
README
# Shadershop
http://tobyschachman.com/Shadershop/
Shadershop is an interface for programming GPU shaders in the mode of a direct manipulation image editor like Photoshop. It is an experiment in leveraging the programmer’s spatial reasoning the way that coding today leverages the programmer’s symbolic reasoning.
## Demo
http://www.cdglabs.org/Shadershop/
### Keyboard Commands
* Ctrl-R to reset. Shadershop will auto-save.
* Ctrl-1 through Ctrl-4 to load examples from the videos.
* Shift-click will also work to select multiple functions.
## Build Instructions
Install [node.js](http://nodejs.org/) and [coffeescript](http://coffeescript.org/).
Run `npm install` in this directory to install the development dependencies.
Run `coffee build.coffee` to build. It will compile the files in `src` into `compiled/app.js` and `compiled/app.css`. It will also automatically watch for changes in `src` files and recompile as necessary.
Now just open `index.html`. You can also open `dev.html` which uses the development version of React and will give you better console warnings.