Aktionen

Working with p5: Unterschied zwischen den Versionen

Aus exmediawiki

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, 13: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>