Step 2 for creating a Snake on the SSaurel's Blog

snake_step2.js

class Snake {
      constructor(ctx, bw, bh, nbx, nby, fps) {
          this.ctx = ctx;
          this.bw = bw;
          this.bh = bh;
          this.eltw = bw / nbx;
          this.elth = bh / nby;
          this.nbx = nbx;
          this.nby = nby;
          this.dirx = 1;
          this.diry = 0;
          this.marginx = this.eltw / 10;
          this.marginy = this.elth / 10;
          this.keyup = false;
          this.keydown = false;
          this.keyleft = false;
          this.keyright = false;
          this.startfps = fps;
          this.init();
      }

      init() {
          this.head = { x: this.nbx / 2, y: this.nby / 2 };
          this.tail = { x: this.nbx / 2 - 2, y: this.nby / 2 };
          this.elements = [this.tail, { x: this.nbx / 2 - 1, y: this.nby / 2 }, this.head];
          this.food = this.generatefood();
          this.points = 0;
          this.level = 5;
          this.fps = this.startfps;
          this.fpsinterval = 1000 / this.fps;
      }
  
      // More to come ...
}