cdglabs / shadershop Goto Github PK
View Code? Open in Web Editor NEWLicense: The Unlicense
License: The Unlicense
Feature request:
Why stop at three dimensions, when adding red and green to the 2d-pane could give us five?
Background: I am planning a game engine, that should use procedural textures.
While fiddling around with how to have a nice editor, I realized, that Shadershop has everything I need. If there were red and green channels, Shadershop itself would be a complete editor for procedural textures. All I'd absically have to do is plug the resulting formula into my engine.
It would feel weird to reinvent an editor, when one exists, that does 99% of what I need.
And then we use change-over-time for the next dimension and then a 3d shape for the ones after that, but I may somewhat get ahead of myself... ;)
The app retains state for a long time. I found the 'sinewaves' key under Local Storage (OSX Chrome) and managed to reset it there but I don't see how to do that through the main UI. Cmd/option/ctrl/etc-click on the entries in lower-left panel doesn't help, and the backspace key exits the page entirely. Assuming I'm missing something obvious again...
Ctrl+Z for undo, and Ctrl+Shift+Z and Ctrl+Y for redo
(Preferably nonlinear...)
In the noise video aroundthe 3:40 mark you duplicate something in the right panel by dragging. This does not work for me? Was it done with a certain keypress?
After creating multiple layers, I want to delete a layer or a function. The left custom function layer cannot be deleted
how about... โจ audio ๐ ~!
Like html5bytebeat (note: link plays sound), but with Shadershop's GUI for editing waveforms.
Or Shadertoy, which has audio shaders. But, you know, combined with Shadershop.
It would probably be good to have different views... like a view that's synced with the what you hear, in addition to the one you use to manipulate the wave function.
๐ฆ audio-shader? could be useful, maybe
Steps to reproduce:
The result is Shadershop becomes unresponsive, and sometimes blanks the thumbnail plots, even on the primitives (top right), showing only the beige background. The symbolic readout says undefined( x ).
This action should be prohibited since it makes no sense mathematically (at least until you can define piecewise functions that allow for a base case).
Also, OH MY FUCKING GAWD THIS IS AMAZING.
I hate to be that guy, but what is the license for Shadershop source code? How permissive/restrictive do you plan it to be?
P.S. Shadershop is awesome!
This looks great, well done.
Not sure if I'm missing something but the 2d colormap view seems to only show blue or white for me - corresponding to values less than or greater then zero, unlike in the demo video where there is a smooth transition from white through black to blue. See attached. This is on OSX 10.9.5 (with a GPU) Firefox 33.1.1 and Chrome 39.
When I attempt to re-order functions on the right, by dragging vertically, they are removed from the list.
Using Firefox 34 on Windows
coffee build.coffee
is failing (All latest versions, just installed npm (lts) and coffee:
compiled: compiled/app.css
Error: src\Actions.coffee isn't in the require path
at C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\stitch\lib\stitch.js:181:27
at err (C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\async\dist\async.js:252:13)
at wrapper (C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\async\dist\async.js:272:20)
at iteratorCallback (C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\async\dist\async.js:499:17)
at C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\async\dist\async.js:325:20
at _iteratee (C:\Users\HSLAB-VR-Laptop\Desktop\Doeke\Shadershop-gh-pages\node_modules\async\dist\async.js:249:17)
at LOOP (fs.js:1570:14)
at process._tickCallback (internal/process/next_tick.js:61:11)
Hey, it seems that the officially hosted version at http://www.cdglabs.org/Shadershop/ is offline, probably because the domain is misconfigured? It's a shame, this tool is awesome!
Great project! I love to prototype functions with this.
How can I add other primitive functions like min
and max
. I'd love to submit a PR but am a bit confused where I need to put the changes in the code. So far I've spotted https://github.com/cdglabs/Shadershop/blob/gh-pages/src/model/model.coffee#L352-L366 but adding the functions there didn't seem to be enough.
The demo link attached in readme redirects to various spam sites including adult-related sites. Probably expired server
I was expecting to be able to do something like 'node app.js' to run a local http server to see this running. Not being a node.js person, I've failed to find the magic command. Could you spell out exactly what is needed, even if it seems painfully obvious? Will any HTTP server do, or is Node needed?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.