https://github.com/cdglabs/Shadershop

https://github.com/cdglabs/Shadershop

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/cdglabs/Shadershop
• Owner: cdglabs
• License: unlicense
• Created: 2014-11-30T23:11:37.000Z (almost 10 years ago)
• Default Branch: gh-pages
• Last Pushed: 2015-02-17T02:07:25.000Z (over 9 years ago)
• Last Synced: 2024-08-01T15:08:09.544Z (3 months ago)
• Language: JavaScript
• Size: 969 KB
• Stars: 909
• Watchers: 49
• Forks: 64
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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.