I follow your lessons, but something goes wrong. I cant see the red dots on a screen. And in the console, I can't see anything wrong. Can you see anything?

//Setup

const canvas = document.querySelector('canvas');

const ctx = canvas.getContext("2d");

// Classes to make objects

class Player {

constructor(x, y, radius, color) {

this.x = x;

this.y = y;

this.radius = radius;

this.color = color;

}

draw(){

ctx.beginPath()

ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2, false);

ctx.fillStyle = this.color;

ctx.fill();

ctx.stroke();

}

}

//class of projectiles

class Projectile {

constructor(x, y, radius, color, velocity) {

this.x = x

this.y = y

this.radius = radius

this.color = color

this.velocity = velocity

}

draw() {

ctx.beginPath()

ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false)

ctx.fillStyle = this.color

ctx.fill()

}

update() {

this.draw()

this.x = this.x + this.velocity.x

this.y = this.y + this.velocity.y

}

}

// Initiate global variables

// PLayer always on the screen

const x = canvas.width/2;

const y = canvas.height/2;

//player

const player = new Player(x,y, 30,'blue');

player.draw();

//console.log(player)

// Eventlistener for the game

addEventListener('click', (event) => {

const projectile = new Projectile(

event.clientX,

Event.clientY,

5,

'red',

null

);

projectile.draw()

});

// Functions

@hindrik Premium

@hindrik Premium

About

Posts 1

Achievements

Education

Support

Legal