Difference between revisions of "P5*js"
From Digipool-Wiki
(→P5JS + Arduino) |
(→Libraries) |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
* '''DIY Button''' — Einfaches Button Interfaces mit der einer eigenen Funktion — [[p5Button]] | * '''DIY Button''' — Einfaches Button Interfaces mit der einer eigenen Funktion — [[p5Button]] | ||
| + | * '''DIY Rotary Knob''' — [[P5JS-RotaryKnob]] | ||
* '''DIY Questionnaire''' — Einfaches Questionnaire Interfaces mit der einer eigenen Funktion — [[qFunction]] | * '''DIY Questionnaire''' — Einfaches Questionnaire Interfaces mit der einer eigenen Funktion — [[qFunction]] | ||
* '''date''' — Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]] | * '''date''' — Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]] | ||
| Line 27: | Line 28: | ||
* '''Textbox''' — Dom multi line Text input box - [[p5js-Dom-Textarea]] | * '''Textbox''' — Dom multi line Text input box - [[p5js-Dom-Textarea]] | ||
* '''P5.GUI''' — Interfaces mit der [[p5.gui Librarie]] | * '''P5.GUI''' — Interfaces mit der [[p5.gui Librarie]] | ||
| − | |||
* '''OpenType.js''' — Fonts in Vektoren zerlegen — [[p5js and opentype.js]] | * '''OpenType.js''' — Fonts in Vektoren zerlegen — [[p5js and opentype.js]] | ||
* '''FaceTracking''' — Erkennung von Augen, Mund und Nase — [[FaceTracking with clmtrackr and P5JS]] | * '''FaceTracking''' — Erkennung von Augen, Mund und Nase — [[FaceTracking with clmtrackr and P5JS]] | ||
| + | * '''midi.js''' — Verwende MIDI zur Steuerung eines p5js-Sketches — [[p5js-any-midi-input]] | ||
| + | * '''WebSerial''' — Kommunikation von Arduino und P5JS über WebSerial in Chrome — [[p5js-WebSerial]] | ||
<br> | <br> | ||
| Line 61: | Line 63: | ||
<br> | <br> | ||
| − | == P5JS + | + | == P5JS + Data-Exchange or Database == |
* [[Arduino-Pubnub-P5JS]] | * [[Arduino-Pubnub-P5JS]] | ||
| + | * [[P5JS-Google-Firebase-Realtime-Database]] | ||
<br> | <br> | ||
Latest revision as of 23:14, 31 October 2024
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 Rotary Knob — P5JS-RotaryKnob
- 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
- OpenType.js — Fonts in Vektoren zerlegen — p5js and opentype.js
- FaceTracking — Erkennung von Augen, Mund und Nase — FaceTracking with clmtrackr and P5JS
- midi.js — Verwende MIDI zur Steuerung eines p5js-Sketches — p5js-any-midi-input
- WebSerial — Kommunikation von Arduino und P5JS über WebSerial in Chrome — p5js-WebSerial
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 + Data-Exchange or Database
Veraltet
