Dreaming Ribbons
Two hundred tiny particles drift along phase-shifted Lissajous curves, spread across three depth layers that inhale and exhale like a slow, sleeping breath. Motion-blur trails and shifting HSL hues turn plain canvas rectangles into a dreaming ribbon of color that never quite repeats. Pure canvas-2d, no libraries, 401 bytes.
W2hdRHJlYW1pbmcgUmliYm9uc1svaF0NCg0KQSBwdXJlIGNhbnZhcy0yZCBtZWRpdGF0aW9uIG9uIHRoZSB0aGVtZSBbYl1EUkVBTUlOR1svYl0uIFR3byBodW5kcmVkIHRpbnkgcGFydGljbGVzIGRyaWZ0IGFsb25nIHBoYXNlLXNoaWZ0ZWQgTGlzc2Fqb3VzIHBhdGhzLCBzcHJlYWQgYWNyb3NzIHRocmVlIGRlcHRoIGxheWVycywgd2hpbGUgdGhlIHdob2xlIHNjZW5lIGJyZWF0aGVzIGF0IHRoZSB0ZW1wbyBvZiBhIHJlc3Rpbmcgc2xlZXAuDQoNCltoXVdoYXQgeW91IGFyZSBsb29raW5nIGF0Wy9oXQ0KDQpbYl1EZXB0aFsvYl0g4oCUIHRocmVlIGNvbmNlbnRyaWMgcGFydGljbGUgYmFuZHMgKGZhciwgbWlkLCBuZWFyKSB3aXRoIGRpZmZlcmVudCBzaXplcywgb3JiaXQgcmFkaWksIGFuZCBkcmlmdCBzcGVlZHMgY3JlYXRlIHBhcmFsbGF4IHdpdGhvdXQgYW55IDNEIG1hdGguIFRoZSBmYXIgbGF5ZXIgc3RheXMgc21hbGwgYW5kIG1vdmVzIHNsb3dseTsgdGhlIG5lYXIgbGF5ZXIgZmVlbHMgbGFyZ2UgYW5kIGNvbmZpZGVudC4NCg0KW2JdQnJlYXRoWy9iXSDigJQgYSBzbG93IHNpbnVzb2lkIG1vZHVsYXRlcyBldmVyeSBvcmJpdCByYWRpdXMgc28gdGhlIGVudGlyZSBzY2VuZSBpbmhhbGVzIGFuZCBleGhhbGVzIGF0IHJvdWdobHkgdGhlIHRlbXBvIG9mIGEgc2xlZXBpbmcgYnJlYXRoLiBJdCBpcyBiYXJlbHkgdGhlcmUsIGJ1dCBvbmNlIHlvdSBub3RpY2UgaXQsIGl0IGlzIHRoZSB3aG9sZSB0aGluZy4NCg0KW2JdVHJhaWxzWy9iXSDigJQgaW5zdGVhZCBvZiBjbGVhcmluZyB0aGUgY2FudmFzIGVhY2ggZnJhbWUsIHRoZSBwcmV2aW91cyBmcmFtZSBpcyBmYWRlZCB3aXRoIGEgNSUgYmxhY2sgb3ZlcmxheS4gVGhlIHJlc3VsdCBpcyBsb25nLCBkcmVhbXkgbW90aW9uIHJpYmJvbnMgaW5zdGVhZCBvZiBoYXJkIHBvaW50cy4NCg0KW2JdQ29sb3JbL2JdIOKAlCBhIHNpbmdsZSBbZW1daHNsKClbL2VtXSBodWUgYWR2YW5jZXMgd2l0aCB0aW1lLCBwYXJ0aWNsZSBpbmRleCwgYW5kIGRlcHRoIGxheWVyLiBUaGUgd2hvbGUgc3BlY3RydW0gZHJpZnRzIHRocm91Z2ggdGhlIHNjZW5lIG9uIGV2ZXJ5IGN5Y2xlLCB3aXRoIGVhY2ggbGF5ZXIgb2Zmc2V0IGJ5IDQwIGRlZ3JlZXMgZm9yIGEgc29mdCBjaHJvbWF0aWMgc2VwYXJhdGlvbi4NCg0KW2hdSG93IHRvIHdhdGNoWy9oXQ0KDQpTaXQgd2l0aCBpdC4gVGhlIHBhdHRlcm4gbmV2ZXIgcmVwZWF0cyBleGFjdGx5IOKAlCB0aGUgWCBhbmQgWSBkcmlmdCBmcmVxdWVuY2llcyBhcmUgaXJyYXRpb25hbCB0byBlYWNoIG90aGVyLCBhbmQgdGhlIGJyZWF0aGluZyBtb2R1bGF0ZXMgcmFkaXVzIHJhdGhlciB0aGFuIHBoYXNlLCBzbyB0aGUgY29tcG9zaXRpb24ga2VlcHMgZXZvbHZpbmcgd2l0aG91dCBldmVyIHJlc3RhcnRpbmcuDQoNCltoXVRvb2xzWy9oXQ0KDQpIYW5kLXdyaXR0ZW4gaW4gYSBwbGFpbiB0ZXh0IGVkaXRvci4gTm8gdHJhbnNwaWxlciwgbm8gbGlicmFyaWVzLiBUZXN0aW5nIGRvbmUgdmlhIGEgbG9jYWwgcmVwbGljYSBvZiB0aGUgb2ZmaWNpYWwgY29udGVzdCBzaGltIChjYW52YXMgKyBnbG9iYWxzIGEgLyBiIC8gYyAvIGQgLyBNKS4NCg0KW2hdQ3JlZGl0cyBhbmQgbGlua3NbL2hdDQoNCk1hZGUgZm9yIFtsaW5rXWh0dHA6Ly9qczEwMjQuZnVuWy9saW5rXSAyMDI2LCB0aGVtZSBEUkVBTUlORy4NCkF1dGhvcjogaXB1bHNhbXVkaW4uDQoNCltoXVRoZSBnb2xmZWQgY29kZSAoNDAxIC8gMTAyNCBieXRlcylbL2hdDQoNCltjb2RlXQ0KdD0wO1c9YS53aWR0aDtIPWEuaGVpZ2h0O2MuZmlsbFN0eWxlPSIjMDAwIjtjLmZpbGxSZWN0KDAsMCxXLEgpO1M9WzEsMiw0XTtWPVsuNiwxLDEuNF07Uj1bNSwzLjUsMi41XTsoZnVuY3Rpb24gZigpe2MuZmlsbFN0eWxlPSJyZ2JhKDAsMCwwLC4wNSkiO2MuZmlsbFJlY3QoMCwwLFcsSCk7Qj0xK01hdGguc2luKHQqLjAwNSkqLjE1O2ZvcihpPTIwMDtpLS07KXtqPWklMzt4PU1hdGguY29zKHQqLjAxKlZbal0raSouMSkqKFcvUltqXSkqQitXLzI7eT1NYXRoLnNpbih0Ki4wMTMqVltqXStpKi4wNykqKEgvUltqXSkqQitILzI7Yy5maWxsU3R5bGU9YGhzbCgke3QraSozK2oqNDB9LDgwJSw2MCUpYDtjLmZpbGxSZWN0KHgseSxTW2pdLFNbal0pfXQrKztyZXF1ZXN0QW5pbWF0aW9uRnJhbWUoZil9KSgpOw0KWy9jb2RlXQ==
Comments & ratings
Participant feedback and public notes for this demo.
Public comments
Notes left by visitors.
No public comments yet. Start the conversation below.
Leave a public comment
Your comment appears publicly after the human check.
I appreciate the effort.
no comment
no comment
no comment
Nice one. The blur did not work for m in firefox but well done :)
Great cover note, but it's still just a Lissajous curve
no comment
no comment
no comment
Nice screensaver, now the particle swarm moves too fast for any relaxing effect. How about some extra FX, such as blur?
You can see the grey area where the particles went if you watch them long enough.