Working with p5: Unterschied zwischen den Versionen
Aus exmediawiki
Karin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Karin (Diskussion | Beiträge) |
||
| (8 dazwischenliegende Versionen derselben Benutzerin werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<br> | <br> | ||
back to [[Material%26Process- | back to [[Material%26Process-25 | material&process summer 2025]]<br> | ||
<br> | <br> | ||
| Zeile 23: | Zeile 23: | ||
==== Copy and paste the following libraries inside the <head> tags of the index.html of the P5: ==== | ==== Copy and paste the following libraries inside the <head> tags of the index.html of the P5: ==== | ||
<br> | <br> | ||
<head> | |||
<script src="https:// | <script src="https://cdn.jsdelivr.net/npm/p5@1.11.5/lib/p5.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.3/addons/p5.sound.min.js"></script> | |||
<script src="https://cdn.jsdelivr.net/npm/p5.js-svg@1.6.0/dist/p5.svg.min.js"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/ | |||
<link rel="stylesheet" type="text/css" href="style.css"> | <link rel="stylesheet" type="text/css" href="style.css"> | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
</head> | </head> | ||
<br><br> | |||
===== in your sketch.js put in the following: ===== | |||
<br> | |||
function keyPressed() { | |||
if (key == 's') { | |||
save("example.svg"); | |||
} //if | |||
} //function keypresssed | |||
<br> | |||
<br> | <br> | ||
<br> | <br> | ||
Aktuelle Version vom 16. Juni 2025, 13:28 Uhr
back to material&process summer 2025
p5
for working in a browser
link to the editor,
for working locally
some explanation for working locally
for creating certain output
when working with technologies and machines like laser cutter and risograph printing
it is necessary to extract svg from our p5-sketches, so we need the following libraries and the version 0.7.1 of p5
Copy and paste the following libraries inside the <head> tags of the index.html of the P5:
<head>
<script src="https://cdn.jsdelivr.net/npm/p5@1.11.5/lib/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.3/addons/p5.sound.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5.js-svg@1.6.0/dist/p5.svg.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" />
</head>
in your sketch.js put in the following:
function keyPressed() {
if (key == 's') {
save("example.svg");
} //if
} //function keypresssed