pouët.net

Shadertoy chrome extension

category: gfx [glöplog]
Hi.
I made a little Google Chrome extension for Shadertoy. I want to share it with You.

Chrome store

Main features are:

  • Adjustable slider for full control of 'iGlobalTime' uniform and audio/video inputs.
  • Switchable dark color theme.
  • Change resolution in windowed and fullscreen mode by pressing keys 1...9.
  • Pause/Restart in fullscreen mode.
  • new fullscreen edit mode.


BB Image

Source available on GitHub
added on the 2016-04-03 21:50:55 by Patu Patu
Nice :)
Great idea, great implementation! Thank you!
added on the 2016-04-04 15:11:10 by movAX13h movAX13h
That's great, I especially like the lowres buttons, to run these shaders fullscreen but with proper framerate.
added on the 2016-04-04 15:51:52 by Optimus Optimus

The dark theme alone is worth it to me! ;)
But the resolutions, fullscreen-edit and the time-slider also rule!
Hehe, I've made something similar but a lot more ugly and less functional :)

Feature request: ability to select constants and then have tweakable sliders for their value.
added on the 2016-04-04 17:51:17 by visy visy
tasty gubbs!
added on the 2016-04-04 18:42:28 by Fell Fell
Tweakable sliders are very cool

Some time ago I made a custom version of glslsandbox with sliders, and some save load/save functions to dropbox datastore api (now being deprecated...)

BB Image
^^ PauloFalcao looks good! Something like that exactly! (I implemented a hacky version with terrible UX by parsing comments like that as well)
added on the 2016-04-05 04:58:12 by visy visy
Thank You guys!

Quote:

Feature request: ability to select constants and then have tweakable sliders for their value.


Quote:

Tweakable sliders are very cool


I think about adding sliders but I have no good idea which of the existing uniforms could be used. The most reasonable for me is vec4 iMouse with on/off switch. ( 4 sliders )

Also, there is also possibility to pass extra uniform values like on the screen above but all shaders must run exactly the same way without this extension and can't confuse Shadertoy community.
added on the 2016-04-05 09:36:39 by Patu Patu
Patu, about sliders in shadertoy probably it was better something like http://editor.thebookofshaders.com/ where you can tweak / slide values directly in the code.
@PauloFalcao: Awesome feature!
added on the 2016-04-06 02:29:17 by ham ham
Quote:
Patu, about sliders in shadertoy probably it was better something like http://editor.thebookofshaders.com/ where you can tweak / slide values directly in the code.


Looks great!

The only problem is the performance. Every value change triggers shader compile operation.
It doesn't hurt when shaders are short, like on the example above.

anyway, I will check it.
added on the 2016-04-06 11:01:32 by Patu Patu
Time to request custom uniforms on these!
added on the 2016-04-06 11:23:52 by Zavie Zavie
Patu, yes it's true, in complex shaders will be almost impossible to use.

But maybe could be possible to, instead of creating a new shader for each slider value, you could create a hidden uniform and use that uniform in the position of the code when moving the slider, that way only one compilation was need, changing the slider would use the the uniform.
that's not me.
added on the 2016-04-06 14:09:10 by xernobyl xernobyl
Quote:
...a hidden uniform...


sounds sensible.
added on the 2016-04-06 17:40:04 by Patu Patu
Quote:
that's not me.


I accidentally picked Your avatar. I'm sorry and I promise to never do it again.
added on the 2016-04-06 17:43:07 by Patu Patu
umm, you can just query the uniform names and then send the modifier values to the shader. no need to recompile with every change.
added on the 2016-04-06 21:42:35 by visy visy
New version. Shaders' previews by movAX13h.
BB Image
added on the 2016-05-22 20:07:25 by Patu Patu
0.6.1 brings sliders for iMouse uniform.

BB Image
added on the 2016-09-23 22:32:53 by Patu Patu
Hot
added on the 2016-09-24 19:40:57 by lollol lollol
I have just published newest version. Some major changes since my last post:

- Cloning own shaders (save as copy)
- Four sliders for iMouse.xyzw
- Time loop in set range
added on the 2016-10-21 00:50:19 by Patu Patu
Latest changelog:

0.9.0

Import/Export ANY shader (JSON file)
Forward/Rewind with arrow keys

Future features:

Snippets (private library of code fragments to easy paste to you shader)
Shader history (save shader state locally, then restore if needed)

https://github.com/patuwwy/ShaderToy-Chrome-Plugin
added on the 2017-08-08 00:55:50 by Patu Patu

login