» Shaderbox
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Shaderbox

effect
Credits: shadertoy, sebl, Bradley Austin Davis, vvvv team

about

This is a bunch of DX11 effects that let you use shadertoys as skyboxes. I've borrowed the idea of doing this from Bradley Austin's book Oculus Rift in Action and decided to use it into the vvvv environment.

Background

Shadertoys were always magical things for me. There is infinite beauty in ability to build entire world with pure maths, using fractals, distance functions, raytracing and all the staff. The result can totally blows ones mind. But the problem is that shadertoy is a pixel shader. In three dimensional space it is represented as a quad with 2d texture. It reminds a window to another realm. You can't put a 3d model inside or use vvvv cameras to rotate the view.

What's in it

Shaderboxes allows you to immerse in shaders. This contribution contains some effects, witch you can use to wrap whole 3d scenes in shadertoys.

title

DIY

Besides a couple of converted shaders there is a small HowTo patch in /girlpower folder, that explains how to convert one particular shadertoy to skybox.

Dependences

  • Make sure you have DX11 pack

Practical use

I've created the contribution to play with it. Initially my main intention was to be able to travel through fractals in VR glasses, but I see more practical usage in creation of procedural skyboxes of all kinds.

download

Shaderbox.zip
13.08.18 [00:01 UTC] by umanema | 777 downloads
initial upload

andresc4 14/08/2018 - 06:55

Wow!
This looks awesome!
Did you make it work in VR ?

umanema 14/08/2018 - 08:59

Thanks, man

You can easily make it work in VR by adding shaderbox to the scene. Though some of the shaders are resource hogs and you have to keep an eye on fps.

avilahuerta 27/03/2019 - 20:59

Hello,

Thanks for your contribution. I had played myself with shadertoy shaders and ported to VVVV but with shaderbox it is easier. I have one question: i have seen in shadertoy that some shaders have buffers (bufferA, bufferB, ...). So far I did not manage to conevrt those shaders to be used in VVVV. Do you have suggestions on how to do it?.

Thanks a lot.

umanema 25/04/2019 - 11:46

Hey avilahuerta,

Sorry for the late answer. Basically buffers on Shadertoy are multiple passes, which means that you first render texture in a BufferA and pass it further to next buffer or a final shader part. I'm not aware if vvvv's hlsl implementation still does not support multiple passes. Probably not.

There is a basic workaround tutorial effects multiple passes
Just split the whole shader to several parts according to number of buffers and pass texture from one shader to another.

anonymous user login

Shoutbox

~14d ago

~17d ago

joreg: The Winter Season of vvvv workshops is now over but all recordings are still available for purchase: https://thenodeinstitute.org/ws23-vvvv-intermediates/

~23d ago

schlonzo: Love the new drag and drop functionality for links in latest previews!

~1mth ago

joreg: Workshop on 29 02: Create Sequencers and Precise Clock Based Tools. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-08-create-sequencers-and-precise-clock-based-tools-in-vvvv-gamma/

~1mth ago

joreg: Workshop on 22 02: Unlocking Shader Artistry: A Journey through ‘The Book of Shaders’ with FUSE. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-12-book-of-shaders/

~2mth ago

joreg: Talk and Workshop on February 15 & 16 in Frankfurt: https://visualprogramming.net/blog/vvvv-at-node-code-frankfurt/

~2mth ago

woei: @Joanie_AntiVJ: think so, looks doable