Domain Warping

A domain distortion noise technique invented by Inigo Quilez
by
Open in Shadertoy

Discover the CineShaders created by the Shadertoy community.
Click on any to preview it in the 3D environment.
If you want to add yours, please .

Sort by:
preview-tsXBzS
preview-tlVGDt
preview-Wt33Wf
preview-3sySRK
preview-MdXSWn
preview-tdG3Rd
preview-ttKGDt
preview-llXfRr
preview-3sc3z4
preview-WslGWl
preview-wtcSzN
preview-ll3SWl
preview-lllSR2
preview-Ml2XRD
preview-wsGczG
preview-wtdSR8
preview-tt3XDn
preview-tsScRK
preview-XsX3zl
preview-NslGRN
  • Why did we make CineShader?

    We simply wanted to make something beautiful. As developers working in the advertisting industry, we have learnt a lot from the Shadertoy community. We decided to make this little non-profit project for the Shadertoy community to allow their users to demonstrate their shader in a cinematic way.

  • How to import a shader from Shadertoy.com?

    The easiest way to do is to simply copy and paste the shader from Shadertoy.com into the editor. Bare in mind that, CineShader doesn't support any texture, audio and framebuffer. If you want to make your shader CineShader compatible, please see .

  • How to share a shader?

    We don't store your shaders. If you want to share your shaders, you need to create a new shader in Shadertoy.com and .

  • Why is my Shadertoy shader not showing in the gallery?

    CineShader refreshes the shader lists from Shadertoy each day, every 6 hours. Also, please make sure it is visible by Cineshader:
    it must include the tag "cineshader" its visibility must be set to "public + API"

  • Why doesn't it support texture and frame buffer?

    Since we don’t store your shaders on our server and shader storage relies on user saving their shaders on Shadertoy, it will be troublesome for us as well as for the users to synchronise the inputs and their settings between CineShader and their shadertoy entry.

  • Does it support VR mode?

    Yes, it does support VR through the WebXR API. Open this site in your VR-headset browser to experience it!

Shader editor

Welcome to your personal shader playground, where you can write your own and see how it looks in a cinematic 3D environment.

Few things to know:
  • The shader editing structure matches the same as the one in Shadertoy.com with the same predefined uniforms such as iResolution, iTime, etc. Except no texture, audio and framebuffer supported
  • There are other features including 2.5D through the alpha channel of fragColor.
  • We don’t host your shaders, your shaders are automatically saved in your local machine through the localStorage API. You got 3 shader slots for localStorage. If you want to save and share your CineShader, please
  • WebGL 2 by default and WebGL 1 fallback if the user’s browser doesn’t support WebGL 2
  • Need a reminder of the supported uniforms?
  • If you want to convert your existing shaders from Shadertoy into a compatible shader,
  • Open your shadertoy in CineShader:

We encourage you to add the cineshader tag if you save your shaders on Shadertoy.
  • 1
  • 2
  • 3
Template:
Model:
Title:
Description:
7.9s 60fps
Error message here!

Entering CineShader VR

Now Loading (%)

Welcome to CineShader VR

Discover shader artworks
from the Shadertoy community
in a cinematic VR environment.

Crafted by Lusion