Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// une carte des membres//// (apéros) codelab


#1 2018-03-07 12:39:33 html+processing

cartide22
membre
Date d'inscription: 2017-12-06
Messages: 33

html+processing



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

 

#2 2018-03-07 15:51:59 Re : html+processing

Mushussu
membre
Lieu: Orléans
Date d'inscription: 2012-05-24
Messages: 802

Re: html+processing



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

 

#3 2018-03-12 16:21:10 Re : html+processing

cartide22
membre
Date d'inscription: 2017-12-06
Messages: 33

Re: html+processing



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

 

#4 2018-03-12 16:34:07 Re : html+processing

Capitoul
membre
Date d'inscription: 2014-09-19
Messages: 18

Re: html+processing



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

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2024