WebGL Effects List

2 favourites
From the Asset Store
you can add, remove and reorder list items and many more
  • Here is a list of the webGL effects that were posted in this forum.

    To install the effect, read the thread from each effect, but in most cases you'll need to unzip the provided package in your "Construct2\effects" folder.

    User Saiyadjin did a big job putting in place in July 2017 this google doc which attempts to add descriptions to effects and determine if they are up to date or not.

    You can check the document or check for yourself directly in the forums' topics.

    • Alpha Threshold - LINK - Animmaniac
    • 2D Dynamic Lighting - LINK - Pode
    • Outline - LINK - R0j0hound
    • Bilinear zoom - LINK - Pode
    • Mode7 - LINK - R0j0hound
    • RGBA-Channel separation - LINK - oppenheimer
    • VHS Damage - LINK - joannesalfa
    • Erosion and dilation - LINK - oppenheimer
    • CRT Shader - LINK - anata
    • Plasma rainbow - LINK - necromaster
    • Flower petals - LINK - necromaster
    • Firestorm - LINK - necromaster
    • Circles (with eyelid) - LINK - necromaster
    • Planet generator - LINK - necromaster
    • Sobel edge detect - LINK - necromaster
    • Oscillating sweep - LINK - necromaster
    • Kaleidoscope - LINK - necromaster
    • Tunnel Mask - LINK - necromaster
    • Textured Tunnel - LINK - necromaster
    • Chroma effect - LINK - arcalaus
    • Plane replace effect - LINK - arcalaus
    • Normal mapping - LINK - necromaster
    • Plasma - LINK - necromaster
    • Voronoi - LINK - necromaster
    • RGBrighter & Fog - LINK - shinkan
    • GiantBlurs (Adjustable size) - LINK - TheBen
    • Hq2x - LINK - anata
    • Adjust hue - LINK - R0j0hound
    • Various effects (with gif demo) - LINK - Somebody
    • Radial Starfield - LINK - anata
    • Opacity gradient - LINK - bladedpenguin
    • Raster FX - LINK - Gigatron
    • Multiple FX - LINK - Gigatron
    • Star Nest - LINK - Gigatron
    • 3D Stars - LINK - Gigatron
    • Spectrum beam - LINK - Gigatron
    • 3D Anaglyph effects - LINK - chrisbrobs
    • Bayer Dithering Effect - LINK - Gigatron
    • NightVision - LINK - chrisbrobs
    • LED Filter - LINK - Gigatron
    • ASCII Art FX - LINK - Gigatron
    • BarrelDistort Effect - LINK - chrisbrobs
    • SinCity 2 - LINK - chrisbrobs
    • Thermal Heat Camera - LINK - chrisbrobs
    • Video Billboard effect - LINK - Gigatron
    • 3D Cube Map - LINK - Gigatron
    • CRT Filter FX - LINK - Gigatron
    • Ordered 4X4 Matrix Dithering - LINK - Gigatron
    • NESIFY - LINK - Gigatron
    • Fire Flame - LINK - matriax
    • Rotated Rays FX - LINK - Gigatron
    • Normal map extended - LINK - matriax
    • Cloud Tunnel - LINK - tatogame
    • NoisePlus - LINK - chrisbrobs
    • GradientPlus - LINK - chrisbrobs
    • GradientRadial - LINK - chrisbrobs
    • Film Grain - LINK - untune
    • YUV Rotation - LINK - Gigatron
    • Twister FX - LINK - Gigatron
    • OLD TV Filter - LINK - vortexstudios - COMMERCIAL
    • Another shader - LINK - Gigatron
    • MultipleFX4 - LINK - Gigatron
    • 3D Blur - LINK - Gigatron
    • ColorCheck - LINK - chrisbrobs
    • Stereo3D Background - LINK - chrisbrobs
    • Frostedglass - LINK - chrisbrobs
    • Lookup filter - LINK - chrisbrobs
    • BasicBlur - LINK - chrisbrobs
    • Direction/Motion Blur - LINK - chrisbrobs
    • WebGL Sphere - LINK - chrisbrobs
    • Lottes CRT Shader Conversion - LINK - ErekT
    • 3D Deform Shader FX - LINK - Gigatron
    • High pass and low pass filters - LINK - Gigatron
    • alienTunnel - LINK - chrisbrobs
    • TiltShift and Lense blur effect - LINK - chrisbrobs
    • 2.5D Platformer - LINK - Gigatron
    • DepthDisplace (with demo capx) - LINK - chrisbrobs
    • CSS Transition effect (Chrome only) - LINK - sizcoz
    • LightPlus - LINK - chrisbrobs
    • DropShad - LINK - chrisbrobs
    • Bg Rainbow - LINK - Gigatron
    • OuterGlow - LINK - chrisbrobs
    • HyperMode (Fast Travel) - LINK - Gigatron
    • Tube FX - LINK - Gigatron
    • Rasterizer - LINK - Gigatron
    • Bouncer / Reflect - LINK - Gigatron
    • DeformGlsl - LINK - chrisbrobs
    • Phong Ball - LINK - Gigatron
    • Caustics effect (animated) - LINK - chrisbrobs
    • Animated plane effect - LINK - chrisbrobs
    • Health bar - LINK - Gigatron
    • Gaussian blur - LINK - chrisbrobs
    • Chrome (metallic) - LINK - chrisbrobs
    • Opacity - LINK - Gigatron
    • Texture splitter - LINK - Gigatron - Demo
    • SquareDot - LINK - Gigatron - Demo
    • Cpc464 Palette - LINK - Gigatron - Demo
    • Text Menu Bar - LINK - Gigatron - Demo
    • Rasterized Pyramid - LINK - Gigatron - Demo
    • Counter - LINK - Gigatron - Demo
    • ParalaxZoom effect - LINK - chrisbrobs
    • Cartesian to Polar - LINK - Gigatron
    • 3 Reel slot machine - LINK - chrisbrobs
    • Hue Rotator - LINK - Gigatron
    • Flood Fill - LINK - Gigatron - Demo
    • Blend Collection - LINK - Gigatron - Demo
    • Screen shake - LINK - Gigatron
    • Fog FX - LINK - Gigatron
    • Pulstar Star - LINK - Gigatron - Demo
    • Page Curl - LINK - Demo
    • Fireworks - LINK - Gigatron - Demo
    • Noise TV - LINK - Gigatron - Demo
    • Texture Mixer - LINK - Gigatron
    • Infinite Zoom - LINK - Gigatron
    • C2-Dex Fullscreen + VAlphaClip - LINK - Funky Koval
    • Relief Map - LINK - Gigatron - Demo
    • 5 C2 effects - LINK - chrisbrobs
    • Colors DownSampler - LINK - Gigatron - Demo
    • Night Sky - LINK - Gigatron - Demo
    • Punch (PaintShop Pro) - LINK - chrisbrobs
    • Game Boy Screen - LINK - Gigatron - Demo
    • Texture zoomer - LINK - Gigatron
    • C64 Screen - LINK - Gigatron - Demo
    • VignetteColor - LINK - chrisbrobs
    • Gradient map - LINK - Funky Koval
    • Flow Noise Fire - LINK - Gigatron - Demo
    • CRT monitor fix - LINK - Gigatron
    • Texture stripes - LINK - Gigatron - Demo
    • Beautyfy FX - LINK - Gigatron - Demo
    • Picture Frame FX - LINK - Gigatron - Demo
    • Line Filter - LINK - Gigatron
    • C Tunnel - LINK - Gigatron - Demo
    • Knitted P-Process - LINK - Gigatron - Demo
    • Colored Edge Detection - LINK - Gigatron - Demo
    • Triangles Mosaic - LINK - Gigatron
    • Reflect FX - LINK - Gigatron
    • Board Map - LINK - Gigatron
    • Cylinder Map - LINK - Gigatron - Demo
    • LSD FX - LINK - Gigatron
    • SeaScape - LINK - Gigatron
    • CLD - LINK - Gigatron
    • TV Flicker FX - LINK - Gigatron
    • Oil Paint FX - LINK - Gigatron
    • Ceramic Glass FX - LINK - Gigatron
    • B/W Elevate - LINK - Gigatron - Demo
    • Magnetismic FX - LINK - Gigatron
    • Motion Blur by iq - LINK - chrisbrobs https://drive.google.com/file/d/0B4jH2atWrpuxSlhfYlJxck4wX3c/view
    • Plate Texture - LINK - Gigatron - Demo
    • HeightFieldFX - LINK - Gigatron - Demo
    • SpaceSim Effect - LINK - chrisbrobs https://drive.google.com/file/d/0B4jH2atWrpuxeTk0dkh5QnFmU0U/view
    • Growing color - LINK - Gigatron - Demo
    • R Cube FX - LINK - Gigatron - Demo
    • Carpet FX - LINK - Gigatron - Demo
    • Boken Lens Flare - LINK - chrisbrobs https://drive.google.com/file/d/0B4jH2atWrpuxTWJiUGp4WW1JaDg/view
    • BubbleFX - LINK - Gigatron - Demo
    • Denoise (Bilateral box filter) - LINK - chrisbrobs https://drive.google.com/open?id=0B4jH2atWrpuxb3ItdExRdzNOOFE
    • Pipe Tunnel FX - LINK - Gigatron - Demo
    • Light FX + Derivate + Hologram + Toon + Wireframe - LINK - Gigatron - Demo
    • V Texture Shift - LINK - Gigatron - Demo
    • Binary Digit - LINK - Gigatron - Demo
    • Texture Tiles - LINK - Gigatron - Demo
    • C2 Text FX #1 - LINK - Gigatron - Demo
    • Old School DeMo #1 - LINK - Gigatron - Demo
    • Old School DeMo #2 and #3 - LINK - Gigatron - Demo
    • G Glow FX - LINK - Gigatron - Demo
    • Old school demo 8 & 10 - LINK - Gigatron - Demo
    • Dust Displacement - LINK - Gigatron - Demo
    • Menger2D Tiles - LINK - Gigatron - Demo
    • Tiled BG WIP - [ul=https://www.scirra.com/forum/effect-tiled-bg-wip_t184139]LINK - Gigatron - Demo
    • Old School Demo 12 - LINK - Gigatron - Demo
    • Utility Shader - LINK - Gigatron - Demo
    • FX for BG - LINK - Gigatron
    • Crystal ball extend - LINK - KTML5
    • Flash to white - LINK - Gigatron
    • Gold Texture FX - LINK - Gigatron - Demo
    • 16 Colors replacer - LINK - andreyin
    • Force 16 colors - LINK - andreyin
    • Sun - LINK - chrisbrobs https://drive.google.com/open?id=0B4jH2atWrpuxNjh4dy1TNHQ5YVU
    • Glass FX; Zig zag; FBMFlood; Pixel Flood; CDisplace; tCircle; Lego FX; QBertify FX; Stripify FX; LQS - LINK - Gigatron
    • ImageToNormalMap - LINK - chrisbrobs https://drive.google.com/open?id=0B4jH2atWrpuxeU56VzhEVFA0UzQ
    • FX Status - LINK - Gigatron - Demo
    • Alpha Dithering Shader - LINK - Gigatron
    • Awesome Star - LINK - Gigatron - Demo
    • Rainbow text - LINK - sizcoz
    • CSS blind/curtain - LINK - sizcoz
    • ImageTransition (blinds) - LINK - chrisbrobs
    • Shape Transition - LINK - Gigatron
    • Galaxy - LINK - Gigatron - Demo
    • Transition layer/layout - LINK - Gigatron
    • Planet Terrain FX - LINK - Gigatron - Demo
    • Sprite Utility Shader - LINK - Gigatron
    • Mario Cube FX - LINK - Gigatron
    • 2D Road System - LINK - Gigatron - Demo
    • Light rays - LINK - Gigatron/iyenal222
    • 9 Patch shader WIP - LINK - Gigatron
    • Cell shading - LINK - Gigatron - Demo
    • Drop Shadow + - LINK - Gigatron/matriax
    • Nebulus Tower - LINK - Gigatron
    • Dispersion - LINK - Gigatron - Demo
    • Fire - LINK - Gigatron
    • Stained window - LINK - Gigatron
    • Crop Effect - LINK - Rexu
    • TextFX #3 - LINK - Gigatron - Demo
    • Money Filter - LINK - Gigatron - Demo
    • Tileable noise shaders - LINK - Matriax/Gigatron
    • Flare FX - LINK - Gigatron
    • Black Ink - LINK - Gigatron
    • Edge Detection - LINK - Gigatron
    • Rain Fx - LINK - Gigatron

    Tools and WebGL effects related discussions :

  • Wow, i hope for more WebGL lists soon.

    Btw, WebGL effect so awesome. :D

  • Can we have a list of your lists? Lol.

  • Zoyt: Here it is ^^

  • Kyatric - Haha! Thank you!

  • ahh perfect, thanks for adding the channel separation <img src="smileys/smiley2.gif" border="0" align="middle" />

    i'll try to dive in a little more into the shader topic.. at least converting some cc-shaders.

  • oppenheimer: Awesome keep them coming and don't hesitate to have a look at some of the requests too, there might be interesting effects/challenge there too to be made.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • thoses effets are compatible with pc-mac-and ipad-iphone?

  • imothep85 They should be if they work in the browser, since most modern browsers support webGL, but the ipad-iphone is still tricky. Maybe with ios 7.

  • I'll look to this thread very closely. The RBG effect is absolutely gorgeous :)

  • Just in case no one else noticed, theres actually way more effects than are mentioned in this thread, this is really out of date.

  • : In case you haven't noticed, the few more effects were added in the beginning of December.

    Updated now.

  • You are the man Kyatric!. Thank you for your time and effort continually invested in the community...

  • Kyatric - hey, thanks for including me - could you update the HSB link and effect image with the gif from the other thread - they are all now in there anyway (including some new fx). Cheers!

    Edit: In fact, you could probably delete the separate HSB thread, please.

  • Somebody: Modified.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)