I created a reference shader with ray-primitive intersection routines on Shadertoy. A simple path tracer is used to visualize the scene.
Ray Tracing – Primitives
Wolfenstein: Ray Tracing On using WebGL1
Since the introduction of the Nvidia RTX graphics cards last summer, ray tracing is back again. In the last months, my Twitter feed got flooded with a continuous stream of RTX On / RTX Off comparisons.
Home – Global Game Jam
This is the first year that I participated in the Global GameJam 2019. I created the game “Reinder wants to go home, early” in 4.8 hours.
3D Line Art Engine (port)
I have ported most of “ln, The 3D Line Art Engine” by @FogleBird to javascript so it can be used on Turtletoy. The engine can create drawings of 3D scenes, that you can plot using a pen plotter, which naturally
Yet another Cornell Box
Yet another Cornell Box: a path tracer in a single fragment shader on Shadertoy. Direct light sampling is used to reduce noise. The scene is rendered using 12 samples per pixel.
Procedural cubic city
This is an experiment in drawing a simple procedural city. The basis of the city was initially a Rhombille tiling (2D). By drawing randomly placed doors and windows on each hexagon, the illusion of a 3D city is created.
Turtletoy
I spent some spare time on creating Turtletoy: an online platform that allows you to create generative art online using a minimalistic javascript Turtle graphics API.
Augmented Reality and Shadertoy
By combining the webcam texture and the WebVR functionality of Shadertoy, I was able to create two “Augmented Reality” fragment shaders.
Raytracing: the next week
It’s the next week so time for “Raytracing: the next week” by Peter Shirley. Again, I implemented some of the chapters of the book in four shaders on Shadertoy.
Raytracing in one weekend
I know I’m a bit late to the party, but I had a lot of fun reading “Ray tracing in one weekend” by Peter Shirley yesterday. I implemented some of the chapters of the book in four shaders on Shadertoy.
Old watch: a WebGL path tracer.
A simple path tracer is used to render an old watch. The old watch scene is (almost) the same scene as rendered using image-based lighting in my Shadertoy shader “Old watch (IBL)“.
A shader quine
I created a shader quine, a fragment shader without input (textures or models) that produces a copy of its own source code as its output, on Shadertoy. You can find (the full source of) the fragment shader here: https://www.shadertoy.com/view/MlGcRz.
Woman
An organic-looking SDF scene in a single, fully procedural, fragment shader. The scene is modelled for this specific camera viewpoint and lighting setup.
Human Document
“Human Document” – my entry for the Shadertoy Competition 2018. A bit to my surprise, this shader turned out to be the winning entry :)
Paratrooper (playable DOS game in a shader)
Paratrooper, a playable DOS game in a fragment shader. You can find (the full source of) the fragment shader here: https://www.shadertoy.com/view/XsyfD3.
Volumetric clouds: Himalays
This is my first attempt to render volumetric clouds in a fragment shader. Initially, I started to implement the clouds of Horizon Zero Dawn, as described in “The real-time volumetric cloudscapes of Horizon Zero Dawn” by Andrew Schneider and Nathan
Image-Based Lighting
This shader uses Image-Based Lighting to render an old watch. The materials of the objects in the scene have physically-based properties.
Shadertoy iOS app
In the first two weeks of September (2015) I created an app to view and run shaders of Shadertoy on my iPhone. After finishing the first version of this app I was very pleased that Pol Jeremias and Iñigo Quílez
Rendering a planet with two triangles
I wrote another WebGL fragment shader on shadertoy. This shader renders a seamless space-to-surface flight in the browser using only two triangles. No textures or 3d-models are used. The procedural planet shown is rendered with only two triangles (a fullscreen
JS1k post mortem – Train Window
In this post I will write up some notes about my JS1k entry ‘Train Window’, a view of a passing procedural landscape from a train window in 1kb of javascript.