github p5moExamples ?v=110
-
multi-device experiences on handheld and large screens
-
creating and updating firebase cloud data
-
p5js examples for p5moLibrary
Data, such as shared photos, vote counts, and drawing points, is synchronized through Firebase, which serves as a backend/server and has built-in sockets.
The functions that include Firebase setup are in p5moLibrary.
- p5js p5moExamples iframe_player: a website playlist made with iframes; play in real-time synchronously on available devices
- p5js p5moExamples lobby: an observer to watch available online devices/users; currently used to observe viewers' devices at the Clive Davis Gallery
- p5js p5moExamples paint: real-time multi-user drawing canvas controlled with both landscape(desktop) and portrait(cellphone) mode
- p5js p5moExamples photo-booth: web-based real-time, multi-user photo sharing app with visual effects
- p5js p5moExamples pixel-grid: web camera-based pixel effect
- p5js p5moExamples videoKit: browser-based dashboard for mixing web camera videos
- p5js p5moExamples vote_DOMjs: real-time voting examples that count your own votes and total votes from available devices. UI created with DOM.js
- p5js p5moExamples vote: real-time voting examples that count your own votes and total votes from available devices
- p5js p5moExamples words: showing the word of the day websites with iframes by incrementing and decrementing the date
- p5mirror-jht9629-nyu: a library for downloading sketches locally from the p5 web editor
- fork this repo
- create a branch with your example
- submit a pull request to this repo
Copied into to sketches.
> Add Upload File
> select all files in examples/* folder
> edit index.html to remove ?v=xx
-
[] Document VS Code debugging steps
-
[] Document vote example
-
[] Document lobby example
-
[] Document manual version ?v=x to bust the browser cache for github pages deploy
- [x] Consider sharing build.sh to version this code
- [x] lobby delete room function
- defer: use firebase console
- [x] collab draw example
- [x] Add basic vote sample
// https://editor.p5js.org/jht9629-nyu/sketches/7Wjlo3pPU
// mo-pixel-grid jht9629 fireb_firebase.js
// https://editor.p5js.org/jht9629-nyu/sketches/twgS6eWRZ
// pixel-grid
alias crud=./p5mirrorLib/bin/crud.sh
crud list
crud export_new --folder "examples" --all
crud export_update --folder "examples/videoKit" --sketch u_Blv5bOK --verbose
crud delete --all --remote
crud watermark --all --remote