Difference between revisions of "P5*js"

From Digipool-Wiki
Jump to: navigation, search
(Created page with "* Online-Editor: [https://alpha.editor.p5js.org/ https://alpha.editor.p5js.org/] * P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - P5...")
 
(Code)
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
* Online-Editor: [https://alpha.editor.p5js.org/ https://alpha.editor.p5js.org/]
+
[[File:P5*js-logo.png|200px|right]]
 +
 
 +
== Setup ==
 +
 
 +
* Online-Editor: [https://editor.p5js.org/ https://editor.p5js.org/]
 
* P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - [[P5*JS Sublime Setup]]
 
* P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - [[P5*JS Sublime Setup]]
* [[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]]
+
<br>
 +
 
 +
== 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]]
 +
 
 +
<br>
 +
 
 +
== Libraries ==
 +
 
 
* 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]]
* Einfaches DIY Button Interfaces mit der einer eigenen Funktion [[p5Button]]
 
* Einfaches DIY Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]
 
* Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]
 
 
* [[FaceTracking with clmtrackr and P5JS]]
 
* [[FaceTracking with clmtrackr and P5JS]]
 
* P5js Example für Real-Time Datenaustausch mit Pubnub Server - [http://coursescript.com/notes/interactivecomputing/pubnub/ Pointillism with Pubnub]
 
* P5js Example für Real-Time Datenaustausch mit Pubnub Server - [http://coursescript.com/notes/interactivecomputing/pubnub/ Pointillism with Pubnub]
 +
 +
<br>
 +
 +
== Publish WebApp ==
 +
 +
* [[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]]
 +
* Desktop and mobile a simple compromise solution — [[p5js-desktop-and-mobile]]
 +
 +
<br>
 +
 +
== Publish App (Google Play Store) ==
 +
 +
* 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]]
 +
 +
<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>

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