1. Diffuse Time

   

   Diffuse TimeWebGPU demo for my tutorial on Codrops.

   view

2. 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

3. Boris

   

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

   view

4. Fuel-
   Cell

   

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

   view

5. Toy-
   Bricks

   

   Toy-BricksPrimitive, unoptimized subsurface scattering implementation.

   view

6. Obsi
   dian

   

   ObsidianExtrem HDR bloom effect with device orientation interaction.

   view

7. Symbi
   ont

   

   SymbiontInteractive physarum particle simulation on a sphere surface.

   view

8. Phase
   Trans
   ition

   

   Phase TransitionInteractive animation between water and ice shading.

   view

9. Liquid
   Geo

   

   Liquid GeoInteractive audio recorder and visualizer.

   view

10. Ferro
    Fluid

    

    FerrofluidInteractive ferrofluid simulation which responds to audio input.

    view

11. Fluid
    Simu-
    lation

    

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

    view

12. Paper-
    clips

    

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

    view

13. Prima-
    vera

    

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

    view

14. Luci-
    ferin

    

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

    view

15. SSAO

    

    SSAORough implementation of a screen space ambient occlusion method.

    view

16. Hexa-
    gonal
    Bokeh

    

    Hexagonal BokehImplementation of a hexagonal scatter blur in two passes.

    view

17. Depth
    Field

    

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

    view

18. Mime-
    sis

    

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

    view

19. Shader
    ground

    

    Shader GroundA selection from my shader learning attempts.

    view

20. Ofform

    

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

    view

21. Azu-
    lejos

    

    AzulejosWeb experiment for generating and animating mosaics.

    view

22. Libro

    

    LibroPhysics engine simulating the turning pages of a book.

    view