Difference between revisions of "P5*js"
From Digipool-Wiki
(→Code) |
|||
(11 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | * Setup | + | [[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]] |
− | * | + | |
− | * Libraries | + | <br> |
− | + | ||
− | ** Interfaces mit der [[p5.gui Librarie]] | + | == 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]] | |
− | * Publish App (Google Play Store) | + | * '''Go to Webpage''' — Öffne einen Link zu einer anderen Seite mit — [[p5js open URL]] |
− | + | ||
− | + | <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
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