Skip to content

RayMarching Demo using WebGL2 GLSL Fragment Shaders - a glimpse at infinity in a geometric pattern of motion that you are able to view and pan around in.

Notifications You must be signed in to change notification settings

pjkarlik/infinite-machine

Repository files navigation

travis ci build

Infinite Machine

Raymarching transparent effects with repetition and motion.

Raymarching Raymarching

version webpack WebGL

  • WebGL2 boilterplate.
  • [vertext shader] + [fragment shader] version 300 es.
  • Ray Marching (Sphere Tracing) .
  • Domain repetition and animation.
  • Use mod(x,y) for timing / movment.

WebGL2Base creates the webgl2 canvas objects and links the fragment shader and vertex sahder programs to the application and video card. machine.js extends the base with specific uniforms for the shaders (variables passed in like time/resolution etc)

Run the example

Requires Node v10.15.03 or greater

$ yarn install
$ yarn start

open http://localhost:2020

About

RayMarching Demo using WebGL2 GLSL Fragment Shaders - a glimpse at infinity in a geometric pattern of motion that you are able to view and pan around in.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published