Ksenia Kondrashova
@uuuuuulala
Creative Front-End Developer: WebGL, SVG, Canvas, GSAP, Three.js, Shaders, d3.js, etc
ID: 97893901
https://ksenia-k.com 19-12-2009 12:59:33
279 Tweet
6,6K Followers
210 Following
Messing around with jelly shapes 👀 The blobs are moving around randomly and reacting to each other and the cursor speed. The animation is done with GLSL shaders and JS. A total code size of about 15kb Live demo & source code: codepen.io/ksenia-k/pen/E… Hosted on CodePen.IO
Happy to be back to WebGL fluid simulations Still don't understand it 100%, but getting veeery close :) Well, close enough to integrate a text texture. Enjoy! Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO Special thanks to Misaki Nakano and Pavel Dobryakov
Quick shader exercise: pixelated image distortion Small code size, easy to use and customize. Should look good with the offset parameter bound to scroll progress I think (but I'm sharing the most basic setup) Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO
Another WebGL image filter (and a great occasion to use my vacation pics) Around 10kb of GLSL + vanilla JS, no external libraries Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO
I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO
You seem to like WebGL image filters. Here’s another one! Still on my way to fully understanding fluid simulation.. what a magic, huh Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO Wouldn’t happened without iconic fluid simulation by Pavel Dobryakov