<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.ct-lab.info/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.ct-lab.info/feed.php">
        <title>Creative Technologies Lab | dokuWiki - extras:codikon:p5js</title>
        <description>Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.</description>
        <link>https://wiki.ct-lab.info/</link>
        <image rdf:resource="https://wiki.ct-lab.info/lib/exe/fetch.php/wiki:dokuwiki-128.png" />
       <dc:date>2026-04-21T22:14:46+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:additive-farbmischung?rev=1751787280&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:carnovsky?rev=1751787277&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:cnc-helper?rev=1764446747&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:einfuehrung_in_p5js?rev=1773992744&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_06?rev=1751787277&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_09?rev=1751787277&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:kythera_berechnungshilfe?rev=1764148751&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:slow-in_slow-out?rev=1751787277&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:subtraktive-farbmischung?rev=1751787277&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.ct-lab.info/lib/exe/fetch.php/wiki:dokuwiki-128.png">
        <title>Creative Technologies Lab | dokuWiki</title>
        <link>https://wiki.ct-lab.info/</link>
        <url>https://wiki.ct-lab.info/lib/exe/fetch.php/wiki:dokuwiki-128.png</url>
    </image>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:additive-farbmischung?rev=1751787280&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:40+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>additive-farbmischung</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:additive-farbmischung?rev=1751787280&amp;do=diff</link>
        <description>Additive Farbmischung – RGB



Erklärung der additiven Farbmischung

Additive Farbmischung ist ein physikalisches Prinzip der Farberzeugung, bei dem Licht verschiedener Farben übereinander projiziert wird. Es basiert auf der Addition von Lichtanteilen und ist grundlegend für alle farberzeugenden Systeme, die mit selbstleuchtenden Quellen arbeiten – wie Monitore, Displays, Projektoren oder Lichtinstallationen. Durch additive Farbmischung wird jede Bildfarbe durch Überlagerung der RGB-Kanäle erzeu…</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:carnovsky?rev=1751787277&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:37+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>carnovsky</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:carnovsky?rev=1751787277&amp;do=diff</link>
        <description>RGB-Collage mit zufälligem Farb- und Ebenenwechsel



Der folgende p5.js-Sketch erweitert das Prinzip der RGB-Collagen, wie sie vom Künstlerduo Carnovsky bekannt sind. Drei verschiedene Bilder werden gleichzeitig auf die Zeichenfläche gezeichnet und mit reinen RGB-Farben eingefärbt. Die Besonderheit: Bei jedem Mausklick wird sowohl die Farbzuweisung als auch die Zeichenreihenfolge der Bilder zufällig verändert. Dadurch entstehen immer neue Überlagerungen mit wechselnder visueller Dominanz.…</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:cnc-helper?rev=1764446747&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-11-29T20:05:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>cnc-helper</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:cnc-helper?rev=1764446747&amp;do=diff</link>
        <description>Der untere p5.js-Sketch ermöglicht die schnelle Abschätzung grundlegender Fräsparameter für Hobby- und Labor-CNCs. Anstatt Vorschub, Zustelltiefe und Spindeldrehzahl nur aus Tabellenwerten zu übernehmen, kombiniert das Tool Materialauswahl, Materialdicke, Fräserdurchmesser und Fräser-Typ zu konsistenten Startwerten.</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:einfuehrung_in_p5js?rev=1773992744&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-20T07:45:44+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>einfuehrung_in_p5js</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:einfuehrung_in_p5js?rev=1773992744&amp;do=diff</link>
        <description>Erstellt nach der DokuWiki-Syntax aus dem bereitgestellten Handbuch  ￼

P5.js

Einführung

p5.js ist eine JavaScript-Bibliothek für kreative Programmierung. Sie wurde so entwickelt, dass visuelle, interaktive und audiovisuelle Projekte leichter umgesetzt werden können. Besonders beliebt ist p5.js in den Bereichen Kunst, Design, Lehre und Prototyping.</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_06?rev=1751787277&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:37+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>gestaltrule_06</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_06?rev=1751787277&amp;do=diff</link>
        <description>Im unteren Beispiel wird ein prägnantes Element gezeigt: Ein zufälliger Kreis hebt sich durch Farbe (Rot) und Größe von den anderen ab. Das Ergebniss ist folgender Wahrnehmungseffekt: Das abweichende Element wird sofort wahrgenommen, während die anderen eine gleichförmige Struktur bilden.</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_09?rev=1751787277&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:37+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>gestaltrule_09</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:gestaltrule_09?rev=1751787277&amp;do=diff</link>
        <description>Im unteren Beispiel bewegt sich eine Gruppe von Kreisen synchron in eine gemeinsame Richtung. Unabhängig davon bewegen sich andere Kreise auf andere Art und Weise. Sich gleich bewegende Kreise werden als eine Einheit wahrgenommen.





let circles = [];
let group1 = [];
let group2 = [];
let speedX = 2;
let speedY = 1;

function setup() {
  createCanvas(600, 400);
  
  // Gruppe 1: Bewegt sich synchron (gemeinsames Schicksal)
  for (let i = 0; i &lt; 6; i++) {
    group1.push(new MovingCircle(random…</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:kythera_berechnungshilfe?rev=1764148751&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-11-26T09:19:11+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>kythera_berechnungshilfe</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:kythera_berechnungshilfe?rev=1764148751&amp;do=diff</link>
        <description>Der untere p5.js-Sketch ermöglicht die schnelle Bestimmung der Zahnradparameter, die in Kythera benötigt werden, um ein Zahnrad mit einem gewünschten Außendurchmesser zu erzeugen. Da Kythera keine direkte Durchmesserangabe zulässt und die Größe ausschließlich aus der Kombination von Zähnezahl (N) und Diametral Pitch (P) berechnet, übernimmt der Sketch genau diese Umrechnung: Aus einem eingegebenen Außendurchmesser in Millimetern wird automatisch die passende Zähnezahl für einen festgelegten Diam…</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:slow-in_slow-out?rev=1751787277&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:37+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>slow-in_slow-out</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:slow-in_slow-out?rev=1751787277&amp;do=diff</link>
        <description>Slow In &amp; Slow Out – Visualisierung mit p5.js



Beschreibung des Prinzips

Das Prinzip Slow In &amp; Slow Out beschreibt eine animierte Bewegung, die nicht abrupt beginnt oder endet, sondern am Anfang langsam startet, in der Mitte beschleunigt und zum Ende hin wieder verlangsamt. In der Realität beobachten wir dieses Verhalten in fast allen natürlichen Bewegungsprozessen – sei es bei einer gehenden Figur, einem fallenden Objekt oder einer Kamerafahrt. In der Animation erzeugt man diesen Effekt durc…</description>
    </item>
    <item rdf:about="https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:subtraktive-farbmischung?rev=1751787277&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2025-07-06T07:34:37+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>subtraktive-farbmischung</title>
        <link>https://wiki.ct-lab.info/doku.php/extras:codikon:p5js:subtraktive-farbmischung?rev=1751787277&amp;do=diff</link>
        <description>Subtraktive Farbmischung – CMY (0–100 %)



Erklärung der subtraktiven Farbmischung

Die subtraktive Farbmischung beschreibt die Farberzeugung durch das Entziehen (Subtrahieren) von Licht. Sie ist das zentrale Prinzip bei der Arbeit mit Pigmenten, Tinten, Druckfarben und transparenten Farbschichten</description>
    </item>
</rdf:RDF>
