Difference between revisions of "P5*js"
From Digipool-Wiki
(→Publish WebApp) |
(→Code) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
== Code == | == Code == | ||
− | * | + | * '''DIY Button''' — Einfaches Button Interfaces mit der einer eigenen Funktion — [[p5Button]] |
− | * | + | * '''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]] | ||
<br> | <br> | ||
Line 19: | Line 21: | ||
* 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 32: | ||
* [[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- | + | * Desktop and mobile a simple compromise solution — [[p5js-desktop-and-mobile]] |
<br> | <br> | ||
Line 37: | Line 40: | ||
* 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 13:57, 21 June 2020
Contents
Setup
- Online-Editor: https://editor.p5js.org/
- P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - P5*JS Sublime 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
- 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 - Pointillism with Pubnub
Publish WebApp
- 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
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
Andere p5js Plattformen
Andere Tuturials