Bonjour,
J'utilise un code processing sur un site web, l'interaction fonctionne avec la souris sur ordinateur et j'aimerai quand on utilise le téléphone l'interaction fonctionnerait avec le mouvement du téléphone en girsoscope. Est'il possible de faire ceci à l'issus de la page html ? ou ça s'applique sur on code processing ?
voici le code :
PFont police; void setup() { size(1200, 700); rectMode(CENTER); } void draw() { background(0); //PImage logo; //logo = loadImage("logo.png"); //image(logo,1,1); /*police = loadFont("DIN-Bold-70.vlw"); textFont(police,60); fill(#00673A); text("Graphic _ Media Design", 20, 100); textFont(police,70); fill(#FFFFFF); text("Carla Marceau", 20, 70);*/ fill(255); rect(mouseX, 7, 3, mouseY); rect(mouseY, 5, 3, mouseX); rect(mouseX, mouseY, 2, 7); rect(mouseY, mouseX, 2, 7); rect(mouseX, 300, 9, mouseY); rect(mouseY, 300, 9, mouseX); rect(600, mouseX, mouseY, 5); rect(100, mouseX, mouseY, 3); rect(mouseX, mouseY, 220, 10); rect(mouseY, mouseX, 92, 10); //rect(5, 6, mouseX, mouseY); // rect(15, 68, mouseY, mouseX); stroke(50); // fill(255); int inverseX = width-mouseX; int inverseY = height-mouseY; }
Merci beaucoup pour votre aide !
cordialement
bonne journée
Hors ligne
Bonjour,
Je suppose que tu passes par le mode p5.js de Processing. Pour l'interaction avec les mouvements du téléphone, il y a des méthodes décrites ici :
https://p5js.org/reference/#group-Events
Tu trouveras sans doute ton bonheur.
Hors ligne
Bonjour,
Merci pour le lien mais j'arrive pas à mettre ce code processing sur P5 .... je n'arrive pas à le convertir
merci
cordialement
Hors ligne
A minima, il faut remplacer void par function, size par canvas, int, float, Pfont.. par var.
p5.js sur google te renvoie vers beaucoup plus de détails voir Mushussu
Hors ligne