5 ms·

Smoothstep.io, a Shader Animation Tool

156 points by bwidlar 6y ago

bwidlar 6y ago
Some examples (author: https://twitter.com/matthen2 https://twitter.com/matthen2) https://t.co/OR8ih6MRr6?amp=1 https://t.co/OR8ih6MRr6?amp=1 https://t.co/X02YYeTgHT?amp=1 https://t.co/X02YYeTgHT?amp=1
- boomskats 6y ago
  This is really nicely done. The examples on the welcome screen are very good too. If you're looking for relatively 'easy' features to add, I'd love to be able to preview in fullscreen. Awesome work!
diimdeep 6y ago
Nice, would be good to have user profiles with list of creations and ability to clone like codepen.io does.
- djmips 6y ago
  or shadertoy? https://www.shadertoy.com/ https://www.shadertoy.com/ (author - I like your site!)
sneeuwpopsneeuw 6y ago
Nice website. It was only not clear to me what the home page was or how I could browse a list of examples or other peoples work. But maybe that association is just because i'm used to shadertoy.
paulgb 6y ago
Wow, this is really neat. It would be cool if there were a way to export the "animation" timeline as a function (in GLSL or JavaScript) so that it is possible to use these animations anywhere I can use WebGL. (Apologies if this is already a feature and I've missed it)
BoorishBears 6y ago
Anyone on iOS who wants to try this and got a WebGL 2.0 error Settings> Safari > Advanced > Experimental Features > "WebGL 2.0"
- atilimcetin 6y ago
  On iPhone 12 with iOS 14.4, it works after enabling WebGL 2.0. But raytracing example shows lots of weird black pixels. It looks like shadows rays are self intersecting with the object.
Scene_Cast2 6y ago
Obligatory mentions: shadertoy.com is a "newgrounds + github for shaders", with a large collection of user-created content that runs inside the browser. Easy to look and modify source code, too. Shadron. Really nice desktop tool for creating shaders.
codelord 6y ago
Not really an alternative, but another way of making animations on the web, this one with tf.js backend and a graphical user interface: https://www.subgraphs.com/#/editor/game_of_life https://www.subgraphs.com/#/editor/game_of_life https://www.subgraphs.com/#/editor/wobbly_image https://www.subgraphs.com/#/editor/wobbly_image Note: Each node can be opened to view the source graph/code by right clicking and choosing open.
nbar 6y ago
Impressive

156 points by bwidlar 6y ago

Some examples (author: https://twitter.com/matthen2 https://twitter.com/matthen2) https://t.co/OR8ih6MRr6?amp=1 https://t.co/OR8ih6MRr6?amp=1 https://t.co/X02YYeTgHT?amp=1 https://t.co/X02YYeTgHT?amp=1

boomskats 6y ago
This is really nicely done. The examples on the welcome screen are very good too. If you're looking for relatively 'easy' features to add, I'd love to be able to preview in fullscreen. Awesome work!

diimdeep 6y ago

Nice, would be good to have user profiles with list of creations and ability to clone like codepen.io does.

djmips 6y ago
or shadertoy? https://www.shadertoy.com/ https://www.shadertoy.com/ (author - I like your site!)

sneeuwpopsneeuw 6y ago

Nice website. It was only not clear to me what the home page was or how I could browse a list of examples or other peoples work. But maybe that association is just because i'm used to shadertoy.

paulgb 6y ago

Wow, this is really neat. It would be cool if there were a way to export the "animation" timeline as a function (in GLSL or JavaScript) so that it is possible to use these animations anywhere I can use WebGL. (Apologies if this is already a feature and I've missed it)

BoorishBears 6y ago

Anyone on iOS who wants to try this and got a WebGL 2.0 error Settings> Safari > Advanced > Experimental Features > "WebGL 2.0"

atilimcetin 6y ago
On iPhone 12 with iOS 14.4, it works after enabling WebGL 2.0. But raytracing example shows lots of weird black pixels. It looks like shadows rays are self intersecting with the object.

Scene_Cast2 6y ago

Obligatory mentions: shadertoy.com is a "newgrounds + github for shaders", with a large collection of user-created content that runs inside the browser. Easy to look and modify source code, too. Shadron. Really nice desktop tool for creating shaders.

codelord 6y ago

Not really an alternative, but another way of making animations on the web, this one with tf.js backend and a graphical user interface: https://www.subgraphs.com/#/editor/game_of_life https://www.subgraphs.com/#/editor/game_of_life https://www.subgraphs.com/#/editor/wobbly_image https://www.subgraphs.com/#/editor/wobbly_image Note: Each node can be opened to view the source graph/code by right clicking and choosing open.

nbar 6y ago

Impressive