New pass
PREVIOUS SAMPLER
HORIZONTAL BLUR
VERTICAL BLUR
DEPTH OF FIELDS
BLANK
COMMON
Remove pass
Select pass to delete:
Please select which pass you want to delete and click below to confirm.
Report bug
Please wait...
Report shader
Please DO report shaders which contain hateful symbols and / or hateful messages. Posh Brolly is for everyone and hate won't be tolerated.
Please DO NOT report shaders which contains "something that offends you", such as: penises, vaginas, procedural porn, swearing or satire. This isn't Victorian England, yeah?
Please wait...
Save
Shader name:
"Remix of [shaderName]" will be displayed after shader name, so don't use "remix" as part of your name.
Some special characters will be removed, apart from those:|_|-|'|?|!|&|,|.| Press return to see final name.
Thumbnail:
Press return inside the thumbnail time text box to see the change. You can update your thumbnail any time in "Global Settings", no sweat.
Shader recorder
Choose yer weapon.
RECORD VIDEO
TAKE SCREENSHOT
Choose yer video settings and press RECORD, then press DOWNLOAD.
Gil said "The Revolution Will Not Be Televised", and for sure it won't be on instagram either.
Screenshot will be saved to your "downloads" folder.
For dimensions above 4096, or if you get blank pixels, please select "Custom HUGE".Huge image will be made by stitching smaller image chunks together, no matter how little RAM you got.
Major thankx to Gregg Tavares for the method and the dekapng code!
Preroll starts playing the animation before recording, must be <=
video start
screenshot time
First format is prob best for you, on chrome vp8 seems better than vp9
Screenshot size will be current render canvas size
Render canvas will be scaled up to fullscreen according to aspect ratio
Careful with big sizes: some pixels will be missing, in which case use "custom HUGE"
You MUST use "_uv" in your code for the stitching to work, don't use gl_FragCoord
Video size will be current render canvas size
Render canvas will be scaled up to fullscreen according to aspect ratio
Custom video size, please enter width & height below:
Extra padding pixels around chunks to fix blur. If yer blur is huge, increase this value, otherwise leave it alone
You REALLY should NOT change this, unless padding isn't enough for yer big bad blur and you know what to do
Can be erratic. For webm: 2.5 to 8.5 increases bitrate, after 8.5 seems worst than 2.5
30fps recommended, 60fps probably won't work, leaving for the future
Shader I/O
Current shader inputs & output:
Missing something? Switch inputs on in global settings, or add some textures / sounds. Go ham, it's yer tool!
You ain't got the goodies!
You need webGL2.0 minimum to run this fluffy tool.
It enjoys wearing fancy wigs and doesn't care for boating shoes.
Time to get a better device.
Click needed!
This shader has audio but you ain't clicked nowhere yet, so I can't start it.
Please click somewhere, will ya?
About this old rag0.69.05b
Hear, hear! This tool was designed and coded by evvvvil from demogroups Handsome Hooligans & Rebels. (twitter: @evvvvil)
Made with love, anger, tears of joy and moments of pure euphoric madness.
This tool does't use any garbage front-end libraries: no rubbish React, no lame jQuery, no bloated UI libraries, no dumb CSS templates.
Everything is made by hand in pure javascript, CSS & Node.JS + Express (only front-end help comes from Ace text editor).
Thankx to those who have helped:
Juliana Prunier, wrighter, ob5vr, Gregg Tavares (WebGL2 Fundamentals), Marta Soto, Laurent Le Brun (Ctrl-Alt-Test), Banstead Jeff, lienep, le nep, James Cronk.
Greetings and love fly out to those special people from the demoscene: (in randomised order)
LOVE these demogroups! (in randomised order)
Keyboard shortcuts & camera controls
Text editor shortcuts: (many more here: https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts)
Keyboard shortcuts:
Camera controls:
"Left / middle mouse" means left / middle mouse button click on render canvas
Textures
Shader minifier
Shader Minifier brought to you by Ctrl-Alt-Test demogroup: https://ctrl-alt-test.fr.
(via some dumb headless chicken and its fancy fleece, written by yours truly)
Minify settings:
Do not rename external values (e.g. uniform)
Do not rename functions and global variables
Automatically inline variables
Can reduce size due to better constant folding OR can increase size due to repeated inlined constants (which can benefit gzip)
Comma-separated list of functions to preserve or do not rename anything
Comma-separated list of functions to preserve
Use comma operator trick
Use IQ's smoothstep trick
Remove unused code
Move declarations to group them
More info on Shader Minifier's official github: https://github.com/laurentlb/Shader_Minifier
Minified using Shader Minifier by Ctrl-Alt-Test: http://www.ctrl-alt-test.fr
Major thankx and greetz to Ctrl-Alt-Test demogroup.
Character count:
Sliders settings
FFT settings
FFT array data passed to shader as a texture:
Global settings
Welcome stranger, grab a beer and take a pew.
It looks like you are packing: . But who am I to judge?
Shader:
Bonzomatic mode:
Extra uniforms:
After modifying any of the following settings, please recompile for changes to take effect.
Left / right click on canvas and drag to pass mouse values. In Bonzomatic mode, you MUST press "ALT" THEN "CTRL" and THEN click to pass mouse values.
POSH BROLLY
CODE:
Pass 1
WEBGL CRASHED
Boooooo
Please wait, stitching up chunks. File will auto download when it's done.
00
25
00
800 x 800
FAILED COMPILING
Please wait
Please fix and recompile
Alt + click + drag to move camera
Timeline:
60s
Inspector:
Sliders
Inspector:
Textures Pass 1
Inspector:
Audio
Hover for info
Drop audio file
(mp3|wav|ogg|flac)
Inspector:
Camera
Inspector:
Timer