Difference between revisions of "P5*js"
From Digipool-Wiki
(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:// | + | [[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]] | ||
− | * [[ | + | |
− | * | + | <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]] | ||
− | |||
− | |||
− | |||
* [[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
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
- Get URL Parameters — Daten via URL Anhang übertargen — p5js URL Parameters
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