Nikos Papadopoulos

Demos Catalogue

Showing 59 demos

fBm Terrain

fBm Terrain

Procedural 3D terrain ray-marched from fractional Brownian motion, with height-based coloring from ocean floor to snow-capped peaks.

webgl2shadernoiseprocedural
Read Post
fBM Domain Warping

fBM Domain Warping

fBM domain warping: coordinate space twisted by one or two layers of fBM, producing turbulent flow, marble, and lava textures.

webgl2shadernoiseprocedural
Read Post
Fractional Brownian Motion

Fractional Brownian Motion

Animated 2D fBm noise built from value-noise octaves with configurable lacunarity, gain, and color palettes.

webgl2shadernoiseprocedural
Read Post
Foil Sticker

Foil Sticker

Simulation of a foil sticker with iridescence flakes

webglthreejs
Read Post
Mandelbulb

Mandelbulb

Rendering the Mandelbulb fractal.

webglthreejsfractal
Read Post
Sigma/2

Sigma/2

CRT terminal emulator with functional commands, vim-like text editor and more.

threejsKeyboard
Snake for Sigma/2

Snake for Sigma/2

The Snake game implemented in Sigma/2 emulator.

threejsGameKeyboard
Tetris for Sigma/2

Tetris for Sigma/2

Tetris implemented in Sigma/2 emulator.

threejsGameKeyboard
Gameboy Snake

Gameboy Snake

Play Snake on a Gameboy emulator.

emulatorGameKeyboard
3D Blob (SDF)

3D Blob (SDF)

Rendering a 3D blob using distance fields.

webglthreejs
Read Post
2D Blob (SDF)

2D Blob (SDF)

Rendering a 2D blob using distance fields.

webglthreejs
Read Post
LOD Calculation

LOD Calculation

Level of Detail (LOD) calculation for 3D models.

webglthreejs
RMHC, Shapes

RMHC, Shapes

Approximation of an image using Random-Mutation Hill Climbing with shapes.

canvas
Read Post

RMHC, Voronoi

Approximation of an image using Random-Mutation Hill Climbing with Voronoi cells.

canvas
RMHC, BSP

RMHC, BSP

Approximation of an image using Random-Mutation Hill Climbing with Binary Space Partitioning.

canvas
Reaction-Diffusion

Reaction-Diffusion

Gray-Scott reaction-diffusion simulation with interactive brush painting and configurable presets.

canvas
Read Post
Number Trail

Number Trail

Path-filling number puzzle loaded from plain-text puzzle files.

htmlcssjavascriptGame
Read Post
Quaternion Julia Set

Quaternion Julia Set

Quaternion Julia set rendered with Douady-Hubbard sphere tracing, thin-lens camera, and principled BRDF.

webgl2shaderfractalpath tracing
Read Post

Riverscape

Mandelbox rock formation at a riverbank: path-traced water with Fresnel reflection/refraction, Beer's law absorption, and FBM-warped geometry.

webgl2shaderfractalpath tracingsdf
Mandelbrot and Julia Sets

Mandelbrot and Julia Sets

Mandelbrot/Julia fractal shader.

webgl2shaderfractal
Read Post
L-System Plant

L-System Plant

Procedural plant grown with a Lindenmayer system and turtle graphics.

canvaslsystem
Random Weed

Random Weed

Randomized weed-like plant grown with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Read Post
Hilbert Curve

Hilbert Curve

Space-filling Hilbert curve drawn with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Read Post
Symmetric Binary Tree

Symmetric Binary Tree

Fractal binary tree grown with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Heighway Dragon

Heighway Dragon

The Heighway dragon fractal curve drawn with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Von Koch Snowflake

Von Koch Snowflake

The Von Koch snowflake fractal drawn with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Read Post
Sierpinski Arrowhead

Sierpinski Arrowhead

The Sierpinski arrowhead fractal drawn with a Lindenmayer system and turtle graphics.

canvaslsystemfractal
Read Post

2D Cloth Simulation

A simple 2D cloth simulation using a mass-spring model and Verlet integration.

canvas
Cloth Shoot

Cloth Shoot

First-person style interaction with cloth: shoot to cut holes.

webglthreejs
Moonscape

Moonscape

Exploring the surface of the moon with generative terrain, a starry sky, and a glitchy camera.

webglthreejs
Gaussian Splatting

Gaussian Splatting

Point cloud rendering using Gaussian splatting

webglthreejs
PSX Rasterizer

PSX Rasterizer

PS1 like rasterizer pipeline: affine UVs, nearest sampling, 15-bit color, Bayer dither, no z-buffer (ordering table)

canvas
Shadow Mapping

Shadow Mapping

Depth-map shadowing with adjustable bias and filtering.

webglthreejs
Read Post
MRS fractal

MRS fractal

Mirror, Rotate, Scale (MRS) fractal

webglthreejsfractal
Read Post
Yin-Yang

Yin-Yang

Yin-Yang

webglthreejs
Waving Flags

Waving Flags

Waving flags of multiple countries

webglthreejs
Lightness Constancy

Lightness Constancy

The lightness constancy illusion implemented in GLSL

webglthreejs
Read Post
Game of Life

Game of Life

Conway's Game of Life

glsl
Read Post
Dancing particles

Dancing particles

Dancing particles

glsl
Raindrops on a puddle

Raindrops on a puddle

Raindrops rippling across a puddle

glsl
Read Post
PostFX Pixelize

PostFX Pixelize

Combined simple pixelize and dot-matrix shaders with mode controls.

glsl
Read Post
ASCII Fire

ASCII Fire

The classic ASCII art fire effect rendered in a terminal-style display.

canvas
Read Post
Fire

Fire

The classic demoscene fire effect.

glsl
Read Post

Sobel Edge Detection

Edge detection with Sobel kernels and adjustable intensity controls.

glsl
Read Post
Elementary Cellular Automaton, Rule 126

Elementary Cellular Automaton, Rule 126

One-dimensional binary cellular automaton (rule 126) visualized over time.

glsl
Read Post
De Moivre Multibrot

De Moivre Multibrot

Multibrot visualization using De Moivre complex powers.

glslfractal
Read Post
Pseudo 3D Tunnel

Pseudo 3D Tunnel

Classic demoscene tunnel mapping effect with variant controls.

glsl
Read Post
Plasma

Plasma

The classic plasma demoscene effect.

glsl
Read Post
Twister

Twister

The classic twister demoscene effect.

glsl
Read Post
Procedural normal map

Procedural normal map

Implementation of technique from Lengyel, E., 2019. Foundations of Game Engine Development: Rendering. Terathon Software LLC., Chapter 7.6, p. 119

glsl
Irradiance, Ambient Cube

Irradiance, Ambient Cube

Projection of an irradiance cubemap to an "Ambient Cube" and evaluation to reconstruct the approximated irradiance signal.

webglthreejs
Read Post
Irradiance Mapping, Spherical Harmonics L1

Irradiance Mapping, Spherical Harmonics L1

L1 Spherical Harmonics evaluation for Grace Cathedral.

webglthreejs
Irradiance Mapping, Spherical Harmonics L2

Irradiance Mapping, Spherical Harmonics L2

L2 Spherical Harmonics evaluation for Grace Cathedral.

webglthreejs
Pacman

Pacman

Pacman animation using distance fields

webglthreejs
Nyan cat

Nyan cat

nyan nyan nyan nyan nyan nyan nyan nyan nyan..

webglthreejs
Solar System 3D

Solar System 3D

Interactive 3D model of the solar system — click any planet to explore its data.

webglthreejs
Gravity Sketch

Gravity Sketch

Place masses, launch probes, sketch gravitational orbits.

canvasGame
T-Rex Dash

T-Rex Dash

A fast-paced T-Rex runner game.

canvasGame
Generative Art

Generative Art

Generative art using polar coordinates and iterative ring patterns.

glsl
Read Post