1. Arcade

   

   ArcadeRetro sound machine with excessive bloom flares thanks to FFT convolution.

   view

2. Diffuse Time

   

   Diffuse TimeWebGPU demo for my tutorial on Codrops.

   view

3. Pattern Drift

   

   Pattern DriftWebGPU learning project in which reaction-diffusion patterns are generated in a compute-shader based on a fake-fluid simulation input.

   view

4. Boris

   

   BorisAnother creepy sphere using the shell texturing technique and poisson disc-sampling on the sphere surface.

   view

5. Fuel-
   Cell

   

   Fuel-CellSimple contained liquid simulation with glass fog and overuse of bloom.

   view

6. Toy-
   Bricks

   

   Toy-BricksPrimitive, unoptimized subsurface scattering implementation.

   view

7. Obsi
   dian

   

   ObsidianExtrem HDR bloom effect with device orientation interaction.

   view

8. Symbi
   ont

   

   SymbiontInteractive physarum particle simulation on a sphere surface.

   view

9. Phase
   Trans
   ition

   

   Phase TransitionInteractive animation between water and ice shading.

   view

10. Liquid
    Geo

    

    Liquid GeoInteractive audio recorder and visualizer.

    view

11. Ferro
    Fluid

    

    FerrofluidInteractive ferrofluid simulation which responds to audio input.

    view

12. Fluid
    Simu-
    lation

    

    Fluid SimulationSmoothed particle hydrodynamics fluid simulation running on the GPU using native WebGL 2.

    view

13. Paper-
    clips

    

    PaperclipsPhysics simulation using the ammo.js engine and native webgl rendering accompanied by synthetic sound effects created with tone.js

    view

14. Prima-
    vera

    

    PrimaveraPlant growth simulation inside a frosted glass vessel accompanied by synthetic music created with tone.js.

    view

15. Luci-
    ferin

    

    LuciferinGPGPU particles bound within a capsule SDF that includes a fake refraction effect.

    view

16. SSAO

    

    SSAORough implementation of a screen space ambient occlusion method.

    view

17. Hexa-
    gonal
    Bokeh

    

    Hexagonal BokehImplementation of a hexagonal scatter blur in two passes.

    view

18. Depth
    Field

    

    Depth of FieldRough implementation of the depth of field method described in GPU Pro⁴.

    view

19. Mime-
    sis

    

    MimesisMapping facial expression to six different emotions which are represented by form, texture, animation, and sound.

    view

20. Shader
    ground

    

    Shader GroundA selection from my shader learning attempts.

    view

21. Ofform

    

    OfformPersonal website from 2021 built with PIXI.js and Angular.

    view

22. Azu-
    lejos

    

    AzulejosWeb experiment for generating and animating mosaics.

    view

23. Libro

    

    LibroPhysics engine simulating the turning pages of a book.

    view