Difference between revisions of "P5*js"

From Digipool-Wiki
Jump to: navigation, search
(P5JS + Arduino)
 
(28 intermediate revisions by 2 users 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]]
 +
* '''Copy to Clipboard''' - Kopiere den Inhalt einer Variable als String in die Zwischenablage — [[p5js Copy Text to Clipboard]]
 +
* '''Get Battery Level''' — Lese den aktuellen Batteriestatus aus — [[p5js get Battery Level]]
 +
* '''Vibrations''' — Funktioniert nur mit Handys — [[p5js trigger Phone Vibrations]]
  
 
<br>
 
<br>
Line 18: Line 24:
 
== Libraries ==
 
== Libraries ==
  
* Button mit der DOM Library - [[p5js-DOM-Button]]
+
* '''DOM Button''' — Designoptionen innerhalb der DOM Library - [[p5js-DOM-Button]]
* Interfaces mit der [[p5.gui Librarie]]
+
* '''Textbox''' — Dom multi line Text input box - [[p5js-Dom-Textarea]]
* [[FaceTracking with clmtrackr and P5JS]]
+
* '''P5.GUI''' — Interfaces mit der [[p5.gui Librarie]]
* P5js Example für Real-Time Datenaustausch mit Pubnub Server - [http://coursescript.com/notes/interactivecomputing/pubnub/ Pointillism with Pubnub]
+
* '''OpenType.js''' — Fonts in Vektoren zerlegen — [[p5js and opentype.js]]
 +
* '''FaceTracking''' — Erkennung von Augen, Mund und Nase — [[FaceTracking with clmtrackr and P5JS]]
  
 
<br>
 
<br>
Line 29: Line 36:
 
* [[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 44:
 
* 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>
 +
 +
== P5JS + Data-Exchange or Database ==
 +
 +
* [[Arduino-Pubnub-P5JS]]
 +
* [[P5JS-Google-Firebase-Realtime-Database]]
 +
 +
<br>
 +
 +
== Veraltet ==
 +
 +
[[P5JS und Blynk]]
  
 
<br>
 
<br>

Latest revision as of 19:03, 4 January 2024

P5*js-logo.png

Setup


Code


Libraries


Publish WebApp


Publish App (Google Play Store)


Andere p5js Plattformen


Andere Tuturials


P5JS + Data-Exchange or Database


Veraltet

P5JS und Blynk