Kleuren spelbord aangepast

dist/assets/js/gameBoard/GameBoard.js

@@ -3,7 +3,7 @@ export default class GameBoard {
  this.draw = () => {
  this.frameRate = Math.round(this.p.frameRate());
  this.p.push();
- this.p.stroke("#2121DE");
+ this.p.stroke("#7092BE");
  this.p.strokeWeight(3);
  this.p.rect(this.xInner, this.yInner, this.innerWidth, this.innerHeight, 4);
  this.p.rect(this.xOuter, this.yOuter, this.outerWidth, this.outerHeight, 10);

dist/assets/js/gameBoard/Obstacle.js

@@ -1,8 +1,11 @@
 export default class Obstacle {
  constructor(p, v, xMin, yMin, xMax, yMax) {
- this.draw = () => {
+ this.draw = (index) => {
  this.p.push();
- this.p.stroke("#2121DE");
+ if (index != 5) {
+ this.p.fill("#7092BE");
+ }
+ this.p.stroke("#7092BE");
  this.p.strokeWeight(2);
  this.p.rect(this.xPosition, this.yPosition, this.width, this.height, 4);
  this.p.pop();

dist/assets/js/index.js

@@ -43,7 +43,7 @@ const sketch = (p) => {
  p.background("black");
  v.gameBoard.draw();
  for (const obstacle in v.obstacles) {
- v.obstacles[obstacle].draw();
+ v.obstacles[obstacle].draw(obstacle);
  }
  for (const pellet in v.pellets) {
  v.pellets[pellet].draw();

package.json

@@ -1,6 +1,6 @@
 {
  "name": "hoog-man",
- "version": "1.0.0",
+ "version": "1.0.1",
  "repository": {
  "type": "git",
  "url": "git+https://github.com/DylanSealy/Hoog-Man.git"

src/assets/ts/Types.ts

@@ -65,7 +65,7 @@ export interface ObstacleInterface {
  v: GameVariables;
  xPosition: number;
  yPosition: number;
- draw: () => void;
+ draw: (index: number) => void;
 }
 export interface CharacterInterface {
  collision: boolean;

src/assets/ts/gameBoard/GameBoard.ts

@@ -44,7 +44,7 @@ export default class GameBoard implements GameBoardInterface {
  this.frameRate = Math.round(this.p.frameRate());
  this.p.push();
  // Tekent de buitenlijnen.
- this.p.stroke("#2121DE");
+ this.p.stroke("#7092BE");
  this.p.strokeWeight(3);
  this.p.rect(this.xInner, this.yInner, this.innerWidth, this.innerHeight, 4);
  this.p.rect(this.xOuter, this.yOuter, this.outerWidth, this.outerHeight, 10);

src/assets/ts/gameBoard/Obstacle.ts

@@ -15,9 +15,10 @@ export default class Obstacle implements ObstacleInterface {
  this.width = this.v.gameBoard.yInner + this.v.gameBoard.widthUnit * xMax - this.xPosition;
  this.p = p;
  }
- draw: () => void = () => {
+ draw: (index: number) => void = (index) => {
  this.p.push();
- this.p.stroke("#2121DE");
+ if (index != 5) {this.p.fill("#7092BE")}
+ this.p.stroke("#7092BE");
  this.p.strokeWeight(2);
  this.p.rect(this.xPosition, this.yPosition, this.width, this.height, 4);
  this.p.pop();

src/assets/ts/index.ts

@@ -37,7 +37,7 @@ const sketch = (p: p5): void => { // Sketch wordt gebruikt voor instance mode p5
  p.draw = (): void => {
  p.background("black");
  v.gameBoard.draw();
- for (const obstacle in v.obstacles) {v.obstacles[obstacle].draw();}
+ for (const obstacle in v.obstacles) {v.obstacles[obstacle].draw(obstacle);}
  for (const pellet in v.pellets) {
  v.pellets[pellet].draw();
  v.pellets[pellet].checkEaten(pellet);