I made both of these with a combination of Shadron and Photoshop (for the rending of the animation into a gif). Here's the source code: #include <math_constants> image Source = input() :...
I made both of these with a combination of Shadron and Photoshop (for the rending of the animation into a gif).
Here's the source code:
#include<math_constants>imageSource=input():filter(nearest),map(clamp);glslfloatquant(floatval,floatdivisions){returnfloor(val*divisions)/divisions;}// Yes I realize this could probably be done in a more shader-friendly wayglslfloattriangle_wave(floatx){x=mod(x,2.0);if(x>=0&&x<1){returnx;}else{return2-x;}}glslvec4tildes(vec2pos){floatquant_x=quant(pos.x,8.0);floatdeviation=triangle_wave(quant_x*3.0+shadron_Time/3.0)/3.0;// can substitute for sin()returntexture(Source,vec2(pos.x,pos.y+deviation-0.225));}animationTildes=glsl(tildes,256,256);exportpng_sequence(Tildes,"tildes/Tildes_?.png",50,6);
I really like these. Both work for me, but I prefer "triangle wave." Where would you envision these being used? The site is pretty lightweight to need loading animations, is it not? I suppose on...
I really like these. Both work for me, but I prefer "triangle wave."
Where would you envision these being used? The site is pretty lightweight to need loading animations, is it not? I suppose on an exceedingly throttled mobile connection, they might become necessary.
No idea. I just thought they'd be fun to make. Hopefully Tildes never gets slow enough to need them. Ironically in gif form they'd not be of much help on a mobile connection. But you could keep...
Where would you envision these being used?
No idea. I just thought they'd be fun to make. Hopefully Tildes never gets slow enough to need them.
Ironically in gif form they'd not be of much help on a mobile connection. But you could keep the size to a few KiB by utilizing JavaScript to render it in real time.
I suppose so. Usually when I write GLSL it's so I can have something pretty to look at, and anything that moves too quickly is jarring. I doubt these animations will ever get used, but if they do...
I suppose so. Usually when I write GLSL it's so I can have something pretty to look at, and anything that moves too quickly is jarring. I doubt these animations will ever get used, but if they do then I'd recommend varying the animation speed with the loading progress. So normally it would idle at this rate, but a jump from 0 to 25% would give a short burst of speed.
The "sin" wave looking one is better than the triangle wave one
I made both of these with a combination of Shadron and Photoshop (for the rending of the animation into a gif).
Here's the source code:
And the "Source" image that is used as the texture.
Great job, love the sin wave.
I really like these. Both work for me, but I prefer "triangle wave."
Where would you envision these being used? The site is pretty lightweight to need loading animations, is it not? I suppose on an exceedingly throttled mobile connection, they might become necessary.
No idea. I just thought they'd be fun to make. Hopefully Tildes never gets slow enough to need them.
Ironically in gif form they'd not be of much help on a mobile connection. But you could keep the size to a few KiB by utilizing JavaScript to render it in real time.
IMO I like the second one better. The first one feels like it's being too "microsofty"
They both seem too slow
I suppose so. Usually when I write GLSL it's so I can have something pretty to look at, and anything that moves too quickly is jarring. I doubt these animations will ever get used, but if they do then I'd recommend varying the animation speed with the loading progress. So normally it would idle at this rate, but a jump from 0 to 25% would give a short burst of speed.
They are cool and don't take offense but I really hope the site never needs them.
Neat stuff
Hm? Looks the same to me. If it's been changed at all that's probably because of .gif compression.
Yeah it seems that all of the colors are of the format
#XXYYZZ
(whereX
,Y
, andZ
are all hex digits) in my gif. Must just be the compression.I could see this being used for the mobile app, glad the website itself is so lightweight it doesn't need a loading screen!
Voted😊
Could this be used for the splash screen of a tildes app?
Looks really cool!