Skip to content

gam0022/volumetric-fog

Repository files navigation

WebGL Volumetric Fog (UE76)

A WebGL 64KB Intro for #S1C002, #Shader1weekCompo

Imspired by Ray Marching Fog With Blue Noise by @Atrix256

volumetric-fog.jpg

Run

Run in browser on your PC! (only tested latest Chrome)

Links

Development

0: Required

1: Get Started

git clone git@github.com:gam0022/volumetric-fog.git
cd volumetric-fog

# init
npm install

# Start Web server with hot-reload / UI for debug
npm run start

# Generate a dist\volumetric-fog.html
npm run build

Chromatiq

A WebGL engine developed for PC 64K Intro aimed at minimizing the file size.

Originally made it for RE: SIMULATED by gam0022 & sadakkey.

Written in a single TypeScript, but it's still in development. (source code)

Features

It has only simple functions so that it does not depend on the work.

  • Rendering multi-pass image shaders (as viewport square)
  • Build-in bloom post-effect
  • Interface to animate uniforms from a TypeScript
  • GLSL Sound (Shadertoy compatible)
  • Play an Audio file (mp3 / ogg)

How to Capture Movie

  1. npm run start
  2. misc/saveImageSequence
  3. misc/saveSound
  4. ffmpeg.exe -r 60 -i chromatiq%04d.png -i chromatiq.wav -c:v libx264 -preset slow -profile:v high -coder 1 -pix_fmt yuv420p -movflags +faststart -g 30 -bf 2 -c:a aac -b:a 384k -profile:a aac_low -b:v 68M chromatiq_68M.mp4

Links

Thanks

License

MIT