week 03 -2

by kdoodoo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.sound.js"></script>

CSS

html, body {
  margin: 0;
  padding: 0;
}

JavaScript

var x,y;

function setup() {
  createCanvas(400, 400);
  x = width / 2;
  y = height;
}


function draw() {
  background(220,100,0);
  stroke(50);
  fill(255,0,210);
  ellipse(x, y, 24, 24);
  
  // Jiggling randomly on the horizontal axis
  x = x + random(-1, 1);
  // Moving up at a constant speed
  y = y - 1;
}