diff --git a/source/code/game.js b/source/code/game.js index 9b75f3f..b961fdb 100644 --- a/source/code/game.js +++ b/source/code/game.js @@ -208,6 +208,9 @@ class HippieCrosshair { case 'dot': this.dot(); break; + case 'level': + this.level(); + break; } } @@ -244,7 +247,7 @@ class HippieCrosshair { // Inner dot this.ctx.fillStyle = this.color; this.ctx.beginPath(); - this.ctx.arc(this.mouseX, this.mouseY, this.thickness * 1.5, 0, Math.PI * 2); + this.ctx.arc(this.mouseX, this.mouseY, this.thickness, 0, Math.PI * 2); this.ctx.fill(); } @@ -255,6 +258,27 @@ class HippieCrosshair { this.ctx.fill(); } + level() { + this.ctx.beginPath(); + this.ctx.moveTo(this.mouseX - this.size * 2, this.mouseY); + this.ctx.lineTo(this.mouseX - this.gapSize * 2, this.mouseY); + this.ctx.stroke(); + + this.ctx.beginPath(); + this.ctx.arc(this.mouseX, this.mouseY, this.size, 0, Math.PI); + this.ctx.stroke(); + + this.ctx.beginPath(); + this.ctx.moveTo(this.mouseX + this.gapSize * 2, this.mouseY); + this.ctx.lineTo(this.mouseX + this.size * 2, this.mouseY); + this.ctx.stroke(); + + this.ctx.fillStyle = this.color; + this.ctx.beginPath(); + this.ctx.arc(this.mouseX, this.mouseY, this.thickness, 0, Math.PI * 2); + this.ctx.fill(); + } + setCrosshairStyle(style) { this.style = style; } diff --git a/source/screens/demo/examples/game/fpv.liquid b/source/screens/demo/examples/game/fpv.liquid index 1a1fa13..a4c61a6 100644 --- a/source/screens/demo/examples/game/fpv.liquid +++ b/source/screens/demo/examples/game/fpv.liquid @@ -30,6 +30,7 @@ tags: +