RE: SIMULATED by gam0022 & sadakkey

RE: SIMULATED by @gam0022 (Graphics) & @sadakkey (Music)

A WebGL 64KB Intro

1st Place PC 64K Intro at Revision 2020

Run

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

• 64KB HTML version
• NEORT version

Links

• :tv: YouTube
• :speech_balloon: Pouet
• :bird: Twitter

Development

0: Required

• node.js v12.14.1 or higher
• ruby 2.x or higher

1: Get Started

git clone git@github.com:gam0022/resimulated.git
cd resimulated

# init
npm install

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

# Generate a dist\resimulated.html
npm run build

Chromatiq

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

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

• アップロードする動画におすすめのエンコード設定
  • 映像ビットレート 2160p（4k）53～68 Mbps
• YouTube recommended encoding settings on ffmpeg (+ libx264)
• 超有益情報 by sasaki_0222

Thanks

• FMS-Cat/until
• gasman/pnginator.rb
• VEDA 2.4: GLSLで音楽を演奏できるようになったぞ！！！ - マルシテイア by amagitakayosi
• [webgl2]example for webgl2 (with glsl3) by bellbind
• How to Convert an AudioBuffer to an Audio File with JavaScript by Russell Good
• wgld.org by h_doxas

License

MIT