Skip to content

reindernijhoff.net

Menu

  • Blog
  • NPM
  • Photos
  • Shadertoy
  • Turtletoy
  • Dittytoy
  • RenderQueue
  • About

Raymarching

Augmented Reality and Shadertoy

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.

reinder October 6, 2018August 31, 2019 Apps, Shadertoy Read more

Woman

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.

reinder August 10, 2018October 23, 2019 Shadertoy Read more

Human Document

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 :) You can find (the full source of) the fragment shader here: https://www.shadertoy.com/view/XtcyW4.

reinder July 25, 2018December 27, 2022 Shadertoy Read more

Volumetric clouds: Himalays

Volumetric clouds: Himalays

This is my first attempt to render volumetric clouds in a fragment shader. Initially, I started implementing the clouds of Horizon Zero Dawn, as described in “The real-time volumetric cloudscapes of Horizon Zero Dawn” by Andrew Schneider and Nathan Vos.

reinder May 29, 2018December 27, 2022 Shadertoy Read more

Image-Based Lighting

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.

reinder April 30, 2018December 27, 2022 Shadertoy Read more

Raymarching distance fields

Raymarching distance fields

This shader was created for the Shadertoy Competition 2017. The shader is a tutorial about raymarching distance fields (using a ray marcher in Shadertoy).

reinder July 31, 2017June 18, 2024 Shadertoy Read more

Rendering a planet with two triangles

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

reinder May 5, 2015October 23, 2019 Shadertoy Read more

Tokyo – breakdown of a webgl fragment shader

Tokyo – breakdown of a webgl fragment shader

I have made another WebGL fragment shader on Shadertoy: Tokyo. This shader shows an abstract, procedural view of Tokyo by night in the rain. In this post, I will write up some notes about how this shader is made. (By

reinder March 2, 2015December 27, 2022 Shadertoy Read more

Abandoned base

Abandoned base

I made another shader in Shadertoy. Two triangles are rendered using a WebGL fragment shader showing an abandoned base. The scene is rendered by ray-marching a distance field and features dynamic lights, soft shadows, reflections and ambient occlusion.

reinder September 2, 2014October 23, 2019 Shadertoy Read more

Escher and the Droste effect

Escher and the Droste effect

Last year I read an article describing the mathematical structure of Escher’s Print Gallery. Escher’s Print Gallery (de Prentententoonstelling in Dutch) shows a man standing in an exhibition gallery, viewing a print of a seaport. As his eyes follow the buildings shown on the print

reinder May 2, 2014December 27, 2022 Shadertoy Read more

Search

Recent Posts

  • WebGL Lightmapping Demo
  • WebGPU Ray Tracer: Accelerating the Stanford Dragon
  • The RenderQueue
  • Five years of Turtletoy: a minimalistic, generative art platform
  • E-Ink Family Calendar: a Raspberry Pi project
  • Rijkscollection: a Virtual Art Museum
  • Contemporary Relief
  • Dittytoy
  • Townscaper’s rendering style in WebGL
  • OneShader

Categories

  • Apps (8)
  • Dittytoy (1)
  • Game (3)
  • Javascript (13)
  • OneShader (1)
  • RenderQueue (5)
  • Shadertoy (21)
  • Turtletoy (5)
  • Uncategorized (8)
  • WebGL (5)
  • WebGPU (1)

Copyright © 2025 reindernijhoff.net