UNPKG

rpd

Version:

RPD is a minimal framework for building Node-Based User Interfaces, powered by Reactive Programming

shamansir.github.io/rpd

shamansir/rpd

58 lines (38 loc) • 4.37 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
--- title: Examples of RPD in Action id: examples --- NB: Versions of RPD used in these examples may appear not to be up-to-date, please use the methods described on [Setup page](./sections/setup.html) to ensure you get the latest one. * <span>Animatron toolkit, <code>compact</code> style, HTML</span> [![Animatron toolkit, Compact style, HTML](./assets/example-anm-compact.png)](./examples/anm-compact.html) * <span>Animatron toolkit, <code>plain</code> style, HTML</span> [![Plain style, Animatron toolkit, HTML](./assets/example-anm-plain.png)](./examples/anm-plain.html) * <span>Animatron toolkit, <code>pd</code> style, HTML</span> [![PD style, Animatron toolkit, HTML](./assets/example-anm.png)](./examples/anm.html) * <span>Pure Data toolkit, <code>webpd</code> style, SVG</span> [![WebPD Style, Pure Data Toolkit, SVG](./assets/example-pd.png)](./examples/pd.html) * <span>Processing toolkit, <code>compact-v</code> style, SVG</span> [![Compact-V Style, Processing Toolkit, SVG](./assets/example-processing-compact-v.png)](./examples/processing-compact-v.html) * <span>Processing toolkit, <code>compact</code> style, SVG</span> [![Compact Style, Processing Toolkit, SVG](./assets/example-processing-compact.png)](./examples/processing-compact.html) * <span>Processing toolkit, <code>plain</code> style, SVG</span> [![Plain Style, Processing Toolkit, SVG](./assets/example-processing-plain.png)](./examples/processing-plain.html) * <span>Processing toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Processing Toolkitm HTML](./assets/example-processing.png)](./examples/processing.html) * <span>Timbre toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Timbre Toolkit, HTML](./assets/example-timbre.png)](./examples/timbre.html) * <span>Util toolkit, <code>black-white</code> style, SVG</span> [![Black&White Style, Util Toolkit, SVG](./assets/example-util-black-white.png)](./examples/util-black-white.html) * <span>Util toolkit, <code>ableton</code> style, SVG</span> [![Ableton Style, Util Toolkit, SVG](./assets/example-util-ableton.png)](./examples/util-ableton.html) * <span>Util toolkit, <code>ableton-out</code> style, SVG</span> [![Ableton-Out Style, Util Toolkit, SVG](./assets/example-util-ableton-out.png)](./examples/util-ableton-out.html) * <span>Util toolkit, <code>blender</code> style, SVG</span> [![Blender Style, Util Toolkit, SVG](./assets/example-util-blender.png)](./examples/util-blender.html) * <span>Util toolkit, <code>compact-v</code> style, SVG</span> [![Compact-V Style, Util Toolkit, SVG](./assets/example-util-compact-v.png)](./examples/util-compact-v.html) * <span>Util toolkit, <code>quartz</code> style, SVG</span> [![Quartz Style, Util Toolkit, SVG](./assets/example-util-compact-v.png)](./examples/util-svg.html) * <span>Util toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Util Toolkit, HTML](./assets/example-util.png)](./examples/util.html) <!-- TODO: example for every style with every possible renderer --> #### Videos Latest Videos from [RPD Vimeo Channel](http://vimeo.com/channels/rpdjs): <!-- 640x451 --> <iframe src="https://player.vimeo.com/video/147126939" width="320" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x451 --> <iframe src="https://player.vimeo.com/video/147127441" width="320" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x445 --> <iframe src="https://player.vimeo.com/video/140075167" width="320" height="222" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x329 --> <iframe src="https://player.vimeo.com/video/147096453" width="320" height="164" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x357 --> <iframe src="https://player.vimeo.com/video/143316958" width="320" height="178" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x346 --> <iframe src="https://player.vimeo.com/video/145257561" width="320" height="173" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <!-- 640x360 --> <iframe src="https://player.vimeo.com/video/118197237" width="320" height="180" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>