// Cloned by p birdwood on 10 Sep 2020 from World "Tutorial 2.4" by "Coding Train" project 
// Please leave this clone trail here.
var img;

function preload() 
{
   img = loadImage ( '/uploads/starter/earth.1.jpg' );
}


/*
https://vimeo.com/channels/learningp5js/138331801
*/
// var col = 0;
var r = 0;
var b = 225;
var X = 0;
var swtch = false;

function setup() {
  createCanvas(600, 400);  
}

function draw() {
  // background
  //col = mouseX;
  col = map(X, 0, 600, 0, 255);
  r = map(X, 0, 600, 0, 255);
  b = map(X, 0, 600, 255, 0);
   background(col);
  //background(r, 0, b);
  
  // ellipse
  texture(img);  
  ellipse(X, 200, 64, 64);

if ((X === 600) || (X === 0)) {
    swtch = !swtch;
}
print(swtch);

if (swtch === true) {
    X = X + 1;
} else 
{ 
    X = X - 1;
    }
    
}