Working with p5: Unterschied zwischen den Versionen
Aus exmediawiki
Karin (Diskussion | Beiträge) |
Karin (Diskussion | Beiträge) (→p5) |
||
Zeile 4: | Zeile 4: | ||
<br> | <br> | ||
some explanation for [https://exmediawiki.khm.de/index.php/Testp5 working locally] | some explanation for [https://exmediawiki.khm.de/index.php/Testp5 working locally] | ||
+ | <br> | ||
+ | <br> | ||
+ | in our seminars, 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<br> | ||
+ | |||
+ | <br> | ||
+ | ==== Copy and paste the following libraries inside the <head> tags of the index.html of the P5: ==== | ||
+ | <br> | ||
+ | <head> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script> | ||
+ | |||
+ | <script src="https://unpkg.com/p5.js-svg@1.3.1"></script> | ||
+ | |||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.dom.min.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.sound.min.js"></script> | ||
+ | <link rel="stylesheet" type="text/css" href="style.css"> | ||
+ | <meta charset="utf-8" /> | ||
+ | |||
+ | </head> | ||
+ | <br> | ||
<br> | <br> |
Version vom 3. April 2024, 12:48 Uhr
p5
first a link to the editor, for working in a browser
some explanation for working locally
in our seminars, 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://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script> <script src="https://unpkg.com/p5.js-svg@1.3.1"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" />
</head>