pen_tings

A bit of scribbling, a bit of sketching. Experimenting with curves, colors and stop motion animation. Based on particle collision simulation. Inspired by ballpoint pen artworks and scribble drawings.

You can choose between two types of animation*:

• live drawing,
• animation of alternative versions (GIF generation).

Controls (in live view):
Press 's' to save a PNG image.
Press 'n' to generate an alternative version.
Press 'g' to generate a GIF (texture disabled).
Press 'G' to generate a GIF (texture enabled).
Press 'l' to enable live drawing animation.
Press '1-4' to render and save a PNG image (1: 2000x2000, 2: 4000x4000, 3: 6000x6000, 4: 8000x8000).
Pressing 'n', 'g', 'G', 'l', '1-4' reloads the page.

URL parameters (add to the URL in live view: &paramName=paramValue):

• mode - 0: image rendering (default: &mode=0), 1: live drawing animation, 2: GIF generation
• res - resolution; 1: 2000x2000 (default: &res=1), 2: 4000x4000, 3: 6000x6000, 4: 8000x8000; (to render and save a PNG image; only with: mode=0)
• tex - texture; 0: texture disabled, 1: texture enabled (default: &tex=1)
• alt - alternative version; 0: original version (default: &alt=0), [1, 255]: alternative version
• gres - GIF resolution; 1: 480x480, 2: 640x640, 3: 768x768, 4: 1080x1080 (default: &gres=4), 5: 1200x1200; (only with: mode=2)
• glen - GIF length in seconds; [1, 6], 2: 2 s (default: &glen=2); (only with: mode=2)
• gfps - GIF fps; 1: 5 fps, 2: 10 fps (default: &gfps=2); (only with: mode=2)

Image rendering (especially in high resolution) may take some time, please wait.
GIF generation (regardless of the selected resolution) may take several minutes, please be patient.
Chrome browser (desktop version) recommended.

(*) WARNING: LIVE DRAWING ANIMATION AND GENERATED GIF (ESPECIALLY) CAN BE EPILEPTIC TRIGGERS. GIF GENERATION IS AN EXPERIMENTAL FEATURE.

Made with p5.js, matter.js (2D physics engine) and Trigfills (cross browser trigonometric functions consistency), see LICENSE.md.

varmaxart, February 2023