Difference between revisions of "P5*js"
From Digipool-Wiki
(→P5JS + Arduino) |
|||
(26 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | [[File:P5*js-logo.png| | + | [[File:P5*js-logo.png|200px|right]] |
== Setup == | == Setup == | ||
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]] | ||
+ | * '''Get URL Parameters''' — Daten via URL Anhang übertargen — [[p5js URL Parameters]] | ||
+ | * '''Copy to Clipboard''' - Kopiere den Inhalt einer Variable als String in die Zwischenablage — [[p5js Copy Text to Clipboard]] | ||
+ | * '''Get Battery Level''' — Lese den aktuellen Batteriestatus aus — [[p5js get Battery Level]] | ||
+ | * '''Vibrations''' — Funktioniert nur mit Handys — [[p5js trigger Phone Vibrations]] | ||
<br> | <br> | ||
Line 18: | Line 24: | ||
== Libraries == | == Libraries == | ||
− | * Button | + | * '''DOM Button''' — Designoptionen innerhalb der DOM Library - [[p5js-DOM-Button]] |
− | * Interfaces mit der [[p5.gui Librarie]] | + | * '''Textbox''' — Dom multi line Text input box - [[p5js-Dom-Textarea]] |
− | * | + | * '''P5.GUI''' — Interfaces mit der [[p5.gui Librarie]] |
− | + | * '''Pubnub Server''' — P5js Example für Real-Time Datenaustausch mit Server - [http://coursescript.com/notes/interactivecomputing/pubnub/ Pointillism with Pubnub] | |
+ | * '''OpenType.js''' — Fonts in Vektoren zerlegen — [[p5js and opentype.js]] | ||
+ | * '''FaceTracking''' — Erkennung von Augen, Mund und Nase — [[FaceTracking with clmtrackr and P5JS]] | ||
<br> | <br> | ||
Line 29: | Line 37: | ||
* [[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-and-mobile]] | ||
<br> | <br> | ||
Line 36: | Line 45: | ||
* 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> | ||
+ | |||
+ | == P5JS + Arduino == | ||
+ | |||
+ | * [[Arduino-Pubnub-P5JS]] | ||
+ | |||
+ | <br> | ||
+ | |||
+ | == Veraltet == | ||
+ | |||
+ | [[P5JS und Blynk]] | ||
<br> | <br> |
Revision as of 21:54, 5 February 2023
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
- Copy to Clipboard - Kopiere den Inhalt einer Variable als String in die Zwischenablage — p5js Copy Text to Clipboard
- Get Battery Level — Lese den aktuellen Batteriestatus aus — p5js get Battery Level
- Vibrations — Funktioniert nur mit Handys — p5js trigger Phone Vibrations
Libraries
- DOM Button — Designoptionen innerhalb der DOM Library - p5js-DOM-Button
- Textbox — Dom multi line Text input box - p5js-Dom-Textarea
- P5.GUI — Interfaces mit der p5.gui Librarie
- Pubnub Server — P5js Example für Real-Time Datenaustausch mit Server - Pointillism with Pubnub
- OpenType.js — Fonts in Vektoren zerlegen — p5js and opentype.js
- FaceTracking — Erkennung von Augen, Mund und Nase — FaceTracking with clmtrackr and P5JS
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
P5JS + Arduino
Veraltet