GIF Loop Coder (GLC) is a specialized JavaScript-based creative coding tool developed by visual artist and developer Mani Surguy. It allows designers and programmers to instantiate geometric objects declaratively and mathematically control their animations to guarantee seamless, perfect infinite loops.
Because everything in GLC is driven by underlying variables like phase, speedMult, and mathematical interpolation formulas, creators have used it to build highly hypnotic, complex generative art. Below are 10 amazing visual concepts and structures built natively using GIF Loop Coder’s specific object parameters, easing functions, and array structures: 1. The Hypnotic Phase-Shifted Wave
Built using a sequential array of simple circles or squares. By adjusting the phase property incrementally across each item in the array, creators achieve a flowing wave or snake-like motion. Because GLC handles the timing, the trailing end of the wave effortlessly blends into the start of the next cycle for a perfect loop. 2. Concentric Multi-Speed Mandalas
Using multiple overlapping radial shapes (like gears, stars, or rings), creators leverage the speedMult (speed multiplier) variable. By assigning integer values like 2, 3, or 4 to alternating rings, the inner layers spin exponentially faster than the outer layers. As long as integer multipliers are used, they perfectly re-align at the end of the timeline. 3. Exploding Cube Grid Recessions
By mapping a custom matrix grid, creators group individual structural shapes together to form a large composite cube. Using geometric translation, the inner code drives the individual components to explode outward in an array, pause, and completely reverse back to their exact, un-fragmented starting coordinates. 4. Parametric “Heart Curve” Geometries
By feeding explicit mathematical equations—like the parametric heart curve or Lissajous formulas—into GLC’s custom drawing functions, artists render organic, beating structures. The code calculates the trajectory over a strict timeline duration, ensuring a beating heart or overlapping ribbon design never skips a frame. 5. Sine Wave Ribbon Interferences
Utilizing multiple sine wave lines layered vertically, developers manipulate the frequency and peak amplitude over the runtime loop length. When these waves pass through each other with slightly staggered starting phases, they create a shimmering moiré or interference pattern that mimics liquid silk or digital soundwaves. 6. Shimmering Pixel Arrays (Prismatic Sheets)
Inspired by nature’s natural algorithms and pixel-sorting digital art, creators plot dual loops on the standard X and Y axes. By altering color variables across a massive grid of tiny rectangular objects simultaneously, the canvas morphs into a synthetic, shimmering sheet of light hanging over a deep black void. 7. Kinetic “Bounce Mode” Pendulums
GIF Loop Coder features a switchable motion easing and interpolation canvas. Instead of a basic constant spin, creators build rows of swinging pendulum blocks using bounce interpolation. The blocks accelerate downward and realistically decelerate at the peak of their arc before cleanly reversing direction. 8. Metamorphosing Morphing Polygons
GLC allows creators to declaratively animate virtually any property of an object, including the number of sides on a polygon. This visual starts as a simple triangle, shifts smoothly into a square, a hexagon, an octagon, and a circle, before cleanly dissolving back down into its original three-sided base shape. Gif Loop Coder – FOSS discussion – Synfig Forums
Leave a Reply