Difference between revisions of "P5js-DOM-Button"

From Digipool-Wiki
Jump to: navigation, search
Line 8: Line 8:
 
   myButton.show();
 
   myButton.show();
 
   myButton.hide();
 
   myButton.hide();
 +
 +
  myButton.style('borderRadius', '8px');
 +
  myButton.style('borderStyle', 'solid');
 +
  myButton.style('outlineStyle', 'dashed');
 +
 
 +
  myButton.style('fontFamily', 'times');
 +
  button3.style('fontSize', 'large');
 +
 
 +
  myButton.style('color', 'rgb(0,255,0)');
 +
  myButton.style('backgroundColor', 'rgb(0,155,0)');
 +
  myButton.style('borderColor', 'rgb(0,120,0)');
  
 
<br>
 
<br>

Revision as of 00:06, 7 March 2020

Diese Beispiel it eine Erweiterung des Dom Examples auf der p5js Homepage

 myButton = createButton('submit');
 myButton.position(input.x + input.width, 65);
 myButton.size(fSize * 3, fSize * 2);
 myButton.mousePressed(playPause);
 myButton.style('opacity', 0);
 myButton.show();
 myButton.hide();
 myButton.style('borderRadius', '8px');
 myButton.style('borderStyle', 'solid');
 myButton.style('outlineStyle', 'dashed');
 
 myButton.style('fontFamily', 'times');
 button3.style('fontSize', 'large');
 
 myButton.style('color', 'rgb(0,255,0)');
 myButton.style('backgroundColor', 'rgb(0,155,0)');
 myButton.style('borderColor', 'rgb(0,120,0)');