UNPKG

p5.plotsvg

Version:

A Plotter-Oriented SVG Exporter for p5.js

github.com/golanlevin/p5.plotSvg

golanlevin/p5.plotSvg

76 lines (30 loc) • 2.42 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
# Index of p5.plotSvg Examples These examples show how to generate plotter-friendly SVGs from p5.js using p5.plotSvg. All examples are mirrored at editor.p5js.org and openProcessing.org. --- ### ⭐ [plotSvg_smorgasbord](plotSvg_smorgasbord/README.md) ⭐ Full demonstration of all p5.js drawing primitives exported to SVG. [![plotSvg_smorgasbord](plotSvg_smorgasbord/plotSvg_smorgasbord_sm.png)](plotSvg_smorgasbord/README.md) ### [plotSvg_hello_static](plotSvg_hello_static/README.md) Simplest possible demo, in "static" mode; all art is in `setup()` only. [![plotSvg_hello_static](plotSvg_hello_static/plotSvg_hello_static_sm.png)](plotSvg_hello_static/README.md) ### [plotSvg_hello_animating](plotSvg_hello_animating/README.md) Simple demo; uses `setup()`, `draw()` and a keypress to capture an SVG during animation. [![plotSvg_hello_animating](plotSvg_hello_animating/plotSvg_hello_animating_sm.png)](plotSvg_hello_animating/README.md) ### [plotSvg_generative](plotSvg_generative/README.md) Simple "generative artwork"; press a button to export. [![plotSvg_generative](plotSvg_generative/plotSvg_generative_sm.png)](plotSvg_generative/README.md) ### [plotSvg_drawing_recorder](plotSvg_drawing_recorder/README.md) Records a series of marks drawn by the user. [![plotSvg_drawing_recorder](plotSvg_drawing_recorder/plotSvg_drawing_recorder_sm.png)](plotSvg_drawing_recorder/README.md) ### [plotSvg_particle_paths](plotSvg_particle_paths/README.md) Accumulates the traces of some particles over time. [![plotSvg_particle_paths](plotSvg_particle_paths/plotSvg_particle_paths_sm.png)](plotSvg_particle_paths/README.md) ### [plotSvg_hatched_shapes](plotSvg_hatched_shapes/README.md) A trick for exporting hatched ("filled") SVG shapes. [![plotSvg_hatched_shapes](plotSvg_hatched_shapes/plotSvg_hatched_shapes_sm.png)](plotSvg_hatched_shapes/README.md) ### [plotSvg_face_flipbook](https://openprocessing.org/sketch/2488219) Software which exports an SVG flipbook showing a 2-second recording from a face-tracker. ![plotSvg_face_flipbook](plotSvg_face_flipbook/plotSvg_face_flipbook.gif) ### [plotSvg_instancemode](plotSvg_instancemode/README.md) An example of using p5.plotSvg in p5's [instance mode](https://github.com/processing/p5.js/wiki/Global-and-instance-mode). [![plotSvg_instancemode](plotSvg_instancemode/plotSvg_instancemode_sm.png)](plotSvg_instancemode/README.md)