updated graphics

sketch.js

@@ -1,53 +1,63 @@
-
+let mines;
+let spaceship;
+
+function preload() {
+  mines = loadImage("mine.jpg");
+  spaceship = loadImage("ship.jpg");
+}
 class Player
 {
-	constructor(){
-		this.x = 200;
-		this.y = 500;
-		this.r = 25;
-	}
-	moveLeft(){
-		if(this.x >= 200){
-			this.x -= 100;
-		}
-	}
-	moveRight(){
-		if(this.x <= 200){
-			this.x += 100;
-		}
-	}
-	isCollision(obj){
-		if(sq(this.x - obj.x) + sq(this.y - obj.y) >= sq(this.r + obj.r)){
-			return true;
-		}
-		return false;
-	}
-	draw(){
-		fill(255);
-		ellipse(this.x, this.y, this.r, this.r);
-	}
+  constructor(){
+    this.x = 200;
+    this.y = 500;
+    this.r = 25;
+  }
+  moveLeft(){
+    if(this.x >= 200){
+      this.x -= 100;
+    }
+  }
+  moveRight(){
+    if(this.x <= 200){
+      this.x += 100;
+    }
+  }
+  isCollision(obj){
+    if(sq(this.x - obj.x) + sq(this.y - obj.y) >= sq(this.r + obj.r)){
+      return true;
+    }
+    return false;
+  }
+  draw(){
+    //fill(255);
+    image(spaceship, this.x - spaceship.width / 2, this.y - spaceship.height / 2);
+    //ellipse(this.x, this.y, this.r, this.r);
+
+  }
 }
 
 class ColObject
 {
-	constructor(n){
-		this.x = 100*(n%3 + 1);
-		this.y = 0;
-		this.r = 50;
-	}
-	update(){
-		this.y += 5;
-	}
-	isCollision(obj){
-		if(sq(this.x - obj.x) + sq(this.y - obj.y) >= sq(this.r/2 + obj.r/2)){
-			return false;
-		}
-		return true;
-	}
-	draw(){
-		fill(200);
-		ellipse(this.x, this.y, this.r, this.r);
-	}
+  constructor(n){
+    this.x = 100*(n%3 + 1);
+    this.y = 0;
+    this.r = 50;
+  }
+  update(){
+    this.y += 5;
+  }
+  isCollision(obj){
+    if(sq(this.x - obj.x) + sq(this.y - obj.y) >= sq(this.r/2 + obj.r/2)){
+      return false;
+    }
+    return true;
+  }
+  draw(){
+    //fill(200);
+    //ellipse(this.x, this.y, this.r, this.r);
+    image(mines, this.x - mines.width / 2, this.y - mines.height / 2);
+
+  }
 }
 
 var player;
@@ -56,29 +66,29 @@ var score;
 
 function setup()
 {
-	player = new Player();
-	obstacle = [];
-	obstacle.push(new ColObject(2));
-	score = 0;
+  player = new Player();
+  obstacle = [];
+  obstacle.push(new ColObject(2));
+  score = 0;
 
     createCanvas(800, 600);
     background(255);
 }
 
 function update()
 {
-	if(obstacle[0].y > 600){
-		obstacle.pop();
-		obstacle.push(new ColObject(round(random(1,4))));
-		score += 1;
-	}
+  if(obstacle[0].y > 600){
+    obstacle.pop();
+    obstacle.push(new ColObject(round(random(1,4))));
+    score += 1;
+  }
     if(obstacle[0].isCollision(player) != true){
-    	obstacle[0].update();
+      obstacle[0].update();
     }
     else if(obstacle[0].isCollision(player) == true){
-    	obstacle.pop();
-		obstacle.push(new ColObject(round(random(1,4))));
-		score -= 1;
+      obstacle.pop();
+    obstacle.push(new ColObject(round(random(1,4))));
+    score -= 1;
     } 
     fill(0);
     textSize(24);
@@ -93,4 +103,4 @@ function draw()
     background(255);
 
     update();
-}
+}