Skip to main content
100%

A little particle system for your terminal : )

✓ Published0🌍 Public
Aaman-tiwari
Last edited May 24, 2017
Created on May 24, 2017

This example shows a terminal-based particle system where hundreds of particles move under mutual attraction, repulsion, and velocity-matching forces, leaving faint trails as they wrap around the screen edges. The animation renders each particle as a small cluster of braille characters via the `drawille` library, with cluster size inversely proportional to particle speed. The `drawille.animate` API drives the simulation at 24 frames per second, while a custom `Particle` class handles physics updates and position wrapping in pure Python. The entire visualization is generated procedurally from random initial positions, with no external data source.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This example visualizes a dynamic, two-dimensional particle system where thousands of glowing points drift and collide within a bounded rectangular field. It shows the emergent patterns of clustering and dispersion as forces of attraction and repulsion act on the particles over time. The code uses `d3.forceSimulation` with custom force functions to manage particle velocities and positions, rendering each frame to an HTML5 Canvas. Particle trails are created by semi-transparent redraws, and the interaction of the forces produces a fluid, organic motion across the display.

Ssnowswirlin
67% match
Loading thumbnail…

Gist ab6507a572fdeb4a2e01886d889f2ef8

This visualization presents an interactive particle system where glowing nodes drift and cluster across a dark canvas, creating an organic, flowing network. It shows the emergent structure of connected data points as they respond to simulated physical forces. The code uses `d3.forceSimulation` with charge and link forces to position the particles, while a custom rendering loop draws each node with fading trails on a 2D canvas context. The visualization also incorporates mouse interaction, allowing viewers to influence the particle movement by dragging or hovering. The design draws inspiration from modern agency portfolios, emphasizing smooth motion and aesthetic appeal over literal data mapping.

Aamazingandyyy
66% match
Loading thumbnail…

Gist 1458002

This visualization shows a chaotic swarm of small particles moving across a dark canvas, with their positions and velocities computed through a force-directed simulation. The particles appear to be influenced by repulsive and attractive forces, creating organic, flowing clusters that shift over time. The code uses D3.js’s `d3.forceSimulation` to manage the particle physics, and renders each point as a colored circle via SVG, with the simulation loop updating positions each frame. The data is generated procedurally—no external dataset is loaded—and the example is written in CoffeeScript, though it relies on standard D3 v4 API calls for force layout and rendering.

Aabernier
66% match
Loading thumbnail…

Terminal Keys disappear (make typed keys reappear)

This example visualizes typed keys as small, drifting particles that vanish from the screen and reappear when the terminal’s echo is toggled. The code uses D3’s `d3.forceSimulation` to animate the key particles with collision and charge forces, while a custom `tick` handler updates their positions on a Canvas via `getContext('2d')`. Data comes from keypress events, each assigned a random velocity and lifespan. The stty echo command controls whether newly typed characters are rendered, effectively hiding or showing the particles as they accumulate and fade.

WWilliamQLiu
65% match
Loading thumbnail…

particle modified.py 1.py

This interactive particle visualization shows colorful bubbles that appear and drift upward as the user moves their fingers across the screen. The code uses Pythonista’s `scene` module with custom `Particle` and `Particles` classes, relying on the `touch_moved` event to spawn particles at touch locations. Each particle’s hue starts at 0.9 and increments over time, while its alpha fades until removal, creating a subtle color shift. The rendering draws a white circle image with tinted colors derived from `hsv_to_rgb` and applies additive blending (`BLEND_ADD`) for luminous, overlapping effects.

JJustinGOSSES
65% match
Loading thumbnail…

Connected Particles

A field of one thousand particles drifts vertically on a dark canvas, with each particle’s size varying according to its speed to suggest depth. Thin curved lines connect nearby particles, with opacity fading as the distance between pairs grows beyond a minimum threshold. This animated piece uses D3.js for its timer and the Canvas API for all drawing, implementing a custom algorithm that updates vertical positions and wraps particles around the screen edges.

BBrideau
65% match
Loading thumbnail…

Particle tentacles

Twelve hundred rainbow-colored particles chase one another in a looping chain across a canvas, leaving fading trails of motion as they bounce off the walls. The animation renders each frame with the Canvas 2D API, using an offscreen canvas and `drawImage` to create the persistent trail effect. Each particle steers toward the next using a custom `Vec2` class implementing steering behaviors, while `d3.timer` drives the animation loop and `d3.interpolateRainbow` assigns colors.

TThanaporn-sk
65% match
Loading thumbnail…

Particle tentacles

Twelve hundred rainbow-colored particles chase one another in a looping chain across a canvas, leaving fading trails of motion as they bounce off the walls. The animation renders each frame with the Canvas 2D API, using an offscreen canvas and `drawImage` to create the persistent trail effect. Each particle steers toward the next using a custom `Vec2` class implementing steering behaviors, while `d3.timer` drives the animation loop and `d3.interpolateRainbow` assigns colors.

TThanaporn-sk
65% match