D3 Examples - Poulp

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.13/p5.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
</head>
​
<body>
  <script>
    
function preload() {
 
  
  img2 = loadImage("https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Sweet_and_tender_burmese_kitten_(8424746318).jpg/1280px-Sweet_and_tender_burmese_kitten_(8424746318).jpg")}
​
function setup() {
createCanvas(500,500);
 }
    
function draw()  {
//background(255);
image(img2, width/3 + cos(millis()/96)*16118, 200*cos (millis()/273), 97, 80);
image(img2,134, 221, 257, 183);
 
     }
    
    function keyTyped() {
      if (key === 'a') {
         background(255,0, 255);
      } else if (key === 'b') {
         background(255,255, 255);
      }
​
      
    function keyPressed() {
      if (keyCode === LEFT_ARROW) {
         background(255,random(255), 255);
            //keyCodes: https://p5js.org/reference/#/p5/keyCode 
      }
  }
​
  </script>
</body>
​
    