{"id":5,"date":"2025-02-05T19:53:59","date_gmt":"2025-02-05T19:53:59","guid":{"rendered":"https:\/\/orthofer-gertraud.web.kslinz.at\/?page_id=5"},"modified":"2025-02-25T19:32:33","modified_gmt":"2025-02-25T19:32:33","slug":"ps5-js-einbindung","status":"publish","type":"page","link":"https:\/\/orthofer-gertraud.web.kslinz.at\/?page_id=5","title":{"rendered":"PS5.js-Einbindung"},"content":{"rendered":"<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/p5.js\/1.4.0\/p5.min.js\"><\/script>\n\n\n<script>\nlet p;\nconst canvasSize = 300;\nlet numberOfLines = 5;\nnew p5((p5) => {\n    p = p5;\n    p.preload = preload;\n    p.setup = setup;\n    p.draw = draw;\n});\nfunction preload() { }\nfunction setup() {\n    const canvas = p.createCanvas(canvasSize, canvasSize);\n    canvas.parent('canvas-container');\n    p.colorMode(p.HSB);\n    p.background('white');\n    const drawButton = document.getElementById('draw-button');\n    const lineInput = document.getElementById('line-count');\n    drawButton.addEventListener('click', () => {\n        const value = parseInt(lineInput.value, 10);\n        if (!isNaN(value) && value > 0) {\n            numberOfLines = value;\n        }\n        else {\n            numberOfLines = 5; \/\/ Standardwert verwenden\n        }\n        p.redraw(); \/\/ Zeichnet die Leinwand neu\n    });\n    p.noLoop(); \/\/ Verhindert automatisches Zeichnen\n}\nfunction draw() {\n    p.stroke('grey');\n    p.background('white');\n    const spacing = canvasSize \/ (numberOfLines + 1);\n    for (let i = 1; i <= numberOfLines; i++) {\n        let x = i * spacing;\n        p.line(x, 0, x, canvasSize);\n    }\n    for (let i = 1; i <= numberOfLines; i++) {\n        let y = i * spacing;\n        p.line(0, y, canvasSize, y);\n    }\n}\n<\/script>\n\n\n\n\n  <div id=\"canvas-container\"><\/div>\n  <button id=\"draw-button\">Draw<\/button>\n  <input type=\"number\" id=\"line-count\" placeholder=\"Number of lines\">\n\n\n<h2 class=\"wp-block-heading\">Sch\u00fclerarbeit<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Draw Sch\u00fclerarbeit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":6,"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/orthofer-gertraud.web.kslinz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}