Difference between revisions of "P5*js"

From Digipool-Wiki
Jump to: navigation, search
(Code)
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:P5*js-logo.png|300px|right]]
+
[[File:P5*js-logo.png|200px|right]]
  
 
== Setup ==
 
== Setup ==
Line 10: Line 10:
 
== Code ==
 
== Code ==
  
* Einfaches DIY Button Interfaces mit der einer eigenen Funktion [[p5Button]]
+
* '''DIY Button''' — Einfaches Button Interfaces mit der einer eigenen Funktion [[p5Button]]
* Einfaches DIY Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]
+
* '''DIY Questionnaire''' — Einfaches Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]
* Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]
+
* '''date''' — Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]
 +
* '''switch case''' — Konditionsabfrage mit mehreren Optionen — [[switch case]]
 +
* '''Go to Webpage''' — Öffne einen Link zu einer anderen Seite mit — [[p5js open URL]]
 +
* '''Get URL Parameters''' — Daten via URL Anhang übertargen — [[p5js URL Parameters]]
  
 
<br>
 
<br>
Line 19: Line 22:
  
 
* Button mit der DOM Library - [[p5js-DOM-Button]]
 
* Button mit der DOM Library - [[p5js-DOM-Button]]
 +
* Dom multi line Text input box - [[p5js-Dom-Textarea]]
 
* Interfaces mit der [[p5.gui Librarie]]
 
* Interfaces mit der [[p5.gui Librarie]]
 
* [[FaceTracking with clmtrackr and P5JS]]
 
* [[FaceTracking with clmtrackr and P5JS]]
Line 29: Line 33:
 
* [[P5JS look like an mobil app|Make your P5JS sketches look like an app on mobile devices]]
 
* [[P5JS look like an mobil app|Make your P5JS sketches look like an app on mobile devices]]
 
* Add a App-Icon to a p5js sketch - [[p5js-App-Icon]]
 
* Add a App-Icon to a p5js sketch - [[p5js-App-Icon]]
 +
* Desktop and mobile a simple compromise solution — [[p5js-desktop-and-mobile]]
  
 
<br>
 
<br>
Line 36: Line 41:
 
* Wandele deine WebApp mit Android-Studio zu einer App um - [[Build App with Android-Studio]]
 
* Wandele deine WebApp mit Android-Studio zu einer App um - [[Build App with Android-Studio]]
 
* Wandele deine WebApp mit PhoneGap zu einer App um - [[Build App with PhoneGap]]
 
* Wandele deine WebApp mit PhoneGap zu einer App um - [[Build App with PhoneGap]]
 +
 +
<br>
 +
 +
== Andere p5js Plattformen ==
 +
 +
* [https://www.openprocessing.org/ OpenProcessing.org]
 +
* [https://p5stamper.com/ p5Stamper]
 +
 +
<br>
 +
 +
== Andere Tuturials ==
 +
 +
* [https://sites.google.com/view/creative-coding-for-kids/ creative-coding-for-kids]
  
 
<br>
 
<br>

Revision as of 11:13, 16 July 2020

P5*js-logo.png

Setup


Code

  • DIY Button — Einfaches Button Interfaces mit der einer eigenen Funktion — p5Button
  • DIY Questionnaire — Einfaches Questionnaire Interfaces mit der einer eigenen Funktion — qFunction
  • date — Kalender Datum mit Wochentagen setzen - p5js-calendar-weekday
  • switch case — Konditionsabfrage mit mehreren Optionen — switch case
  • Go to Webpage — Öffne einen Link zu einer anderen Seite mit — p5js open URL
  • Get URL Parameters — Daten via URL Anhang übertargen — p5js URL Parameters


Libraries


Publish WebApp


Publish App (Google Play Store)


Andere p5js Plattformen


Andere Tuturials