Aktionen

Working with p5: Unterschied zwischen den Versionen

Aus exmediawiki

Zeile 1: Zeile 1:
 
=== p5 ===
 
=== p5 ===
 
<br>
 
<br>
 +
back to [https://exmediawiki.khm.de/index.php/Material%26Process-24 basic seminar summer 2024]<br>
 +
 
==== for working in a browser ====
 
==== for working in a browser ====
 
link to the [https://editor.p5js.org/ editor],  
 
link to the [https://editor.p5js.org/ editor],  

Version vom 3. April 2024, 14:57 Uhr

p5


back to basic seminar summer 2024

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://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>