Difference between revisions of "P5*js"

From Digipool-Wiki
Jump to: navigation, search
(Code)
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
* Setup
+
[[File:P5*js-logo.png|200px|right]]
** 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]]
+
== Setup ==
* Code
+
 
** Einfaches DIY Button Interfaces mit der einer eigenen Funktion [[p5Button]]
+
* Online-Editor: [https://editor.p5js.org/ https://editor.p5js.org/]
** Einfaches DIY Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]
+
* P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - [[P5*JS Sublime Setup]]
** Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]
+
 
* Libraries
+
<br>
** Button mit der DOM Library - [[p5js-DOM-Button]]
+
 
** Interfaces mit der [[p5.gui Librarie]]
+
== Code ==
** [[FaceTracking with clmtrackr and P5JS]]
+
 
** P5js Example für Real-Time Datenaustausch mit Pubnub Server - [http://coursescript.com/notes/interactivecomputing/pubnub/ Pointillism with Pubnub]
+
* '''DIY Button''' — Einfaches Button Interfaces mit der einer eigenen Funktion [[p5Button]]
* Publish WebApp
+
* '''DIY Questionnaire''' — Einfaches Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]
** [[P5JS look like an mobil app|Make your P5JS sketches look like an app on mobile devices]]
+
* '''date''' — Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]
** Add a App-Icon to a p5js sketch - [[p5js-App-Icon]]
+
* '''switch case''' — Konditionsabfrage mit mehreren Optionen — [[switch case]]
* Publish App (Google Play Store)
+
* '''Go to Webpage''' — Öffne einen Link zu einer anderen Seite mit — [[p5js open URL]]
** 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>
 +
 
 +
== Libraries ==
 +
 
 +
* Button mit der DOM Library - [[p5js-DOM-Button]]
 +
* Dom multi line Text input box - [[p5js-Dom-Textarea]]
 +
* Interfaces mit der [[p5.gui Librarie]]
 +
* [[FaceTracking with clmtrackr and P5JS]]
 +
* 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>
 
<br>

Revision as of 12:57, 21 June 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


Libraries


Publish WebApp


Publish App (Google Play Store)


Andere p5js Plattformen


Andere Tuturials