La función touchStarted() en p5.js se llama una vez cada vez que se registra un toque. Si la función touchStarted() no está definida, se llamará a la función mousePressed() en su lugar si está definida.
Sintaxis:
touchStarted([Event])
El siguiente programa ilustra la función touchStarted() en p5.js:
Ejemplo-1:
let valueX; let valueY; function setup() { // Create Canvas of size 500*500 createCanvas(500, 500); } function draw() { // set background color background(200); fill('green'); // set text and text size textSize(25); text('Touch to change color', 30, 30); // fill color according to touchStarted() fill(valueX, 255 - valueY, 255 - valueX); // draw ellipse ellipse(mouseX, mouseY, 115, 115); } function touchStarted() { valueX = mouseX % 255; valueY = mouseY % 255; }
Producción:
Ejemplo-2:
let valueX; let valueY; function setup() { // Create Canvas of size 500*500 createCanvas(500, 500); } function draw() { // set background color background(200); fill('green'); // set text and text size textSize(25); text('Touch to change color', 30, 30); // fill color according to mouseMoved() fill(valueX, 255 - valueY, 255 - valueX); // draw rectangle rect(mouseX, mouseY, 115, 115); fill(valueY, 255 - valueX, 255 - valueX); rect(mouseX, mouseY + 115, 115, 115); fill(255 - valueY, 255 - valueX, 255 - valueY); rect(mouseX - 115, mouseY, 115, 115); fill(255 - valueY, 255 - valueY, 255 - valueY); rect(mouseX - 115, mouseY + 115, 115, 115); } function touchStarted() { valueX = mouseX % 255; valueY = mouseY % 255; }
Producción:
Referencia: https://p5js.org/reference/#/p5/touchStarted
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA