» 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 | 847 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

~2d ago

joreg: vvvvTv S02E01 is out: Buttons & Sliders with Dear ImGui: https://www.youtube.com/live/PuuTilbqd9w

~9d ago

joreg: vvvvTv S02E00 is out: Sensors & Servos with Arduino: https://visualprogramming.net/blog/2024/vvvvtv-is-back-with-season-2/

~9d ago

fleg: hey there! What's the best tool for remote work? Teamviewer feels terrible. Thanks!

~23d ago

joreg: Last call: 6-session vvvv beginner course starting November 4: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-i/

~1mth ago

joreg: Missed the last meetup? You can rewatch it here: https://www.youtube.com/live/MdvTa58uxB0?si=Fwi-9hHoCmo794Ag

~1mth ago

theurbankind: When is the next big event, like node festival ?

~1mth ago

~1mth ago

joreg: Join us for the next vvvv meetup on Oktober 17th: https://visualprogramming.net/blog/2024/25.-vvvv-worldwide-meetup/

~2mth ago

joreg: 6 session beginner course part 2 "Deep Dive" starts January 13th: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-ii/