Difference between revisions of "P5*js"

From Digipool-Wiki
Jump to: navigation, search
(Code)
(Code)
Line 17: Line 17:
 
* '''Get URL Parameters''' — Daten via URL Anhang übertargen — [[p5js URL Parameters]]
 
* '''Get URL Parameters''' — Daten via URL Anhang übertargen — [[p5js URL Parameters]]
 
* '''Get Battery Level''' — Lese den aktuellen Batteriestatus aus — [[p5js get Battery Level]]
 
* '''Get Battery Level''' — Lese den aktuellen Batteriestatus aus — [[p5js get Battery Level]]
 +
* '''Trigger Phone Vibrations''' — Funktioniert nur mit Handys — [[p5js Phone Vibrations]]
  
 
<br>
 
<br>

Revision as of 20:41, 4 June 2021

P5*js-logo.png

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
  • Get Battery Level — Lese den aktuellen Batteriestatus aus — p5js get Battery Level
  • Trigger Phone Vibrations — Funktioniert nur mit Handys — p5js Phone Vibrations


Libraries


p5js & Blynk

// Get pin value from Blynk-Board with p5js
// Read Sensor Data via Internet from a Blynk Borad in p5*js
// !Dosen't work in the p5js-Online-Editor!


var myTorken = 'YourBlynkToken';
var myPin = 'D8' // can any digital, analog or virtual pin (A0, V1 ...)

var myURL;
var i = 0; // inputValue
var r; // rect size

function getValues(){
  myURL = 'http://blynk-cloud.com/' + myTorken + '/get/' + myPin;
  httpGet(myURL, 'text', false, function(response){
    i = response.replace(/[^a-zA-Z0-9]/g, '');
  });
}

function setup() {
  createCanvas(200, 200);
  getValues()
}

function draw() {
  background(220);
  text('klick to update', 20, 150);
  text(i, 20, 20);
  r = map(i, 0, 1024, 1, 160);
  rect(20, 50, r, 20);
}

function mousePressed(){
  getValues()
}


Publish WebApp


Publish App (Google Play Store)


Andere p5js Plattformen


Andere Tuturials