interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: New style for HippieCrosshair

Browse source
This commit is contained in:
sthag 2026-03-24 23:05:09 +01:00
parent 4f029a1a73
commit a56b8f8ca7
2 changed files with 26 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
source/code/game.js
View file

@ -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;
}

1
source/screens/demo/examples/game/fpv.liquid
View file

@ -30,6 +30,7 @@ tags:
<button onclick="changeCrosshairStyle('cross')"><i class="bi bi-plus-lg"></i></button>
<button onclick="changeCrosshairStyle('circle')"><i class="bi bi-circle"></i></button>
<button onclick="changeCrosshairStyle('dot')"><i class="bi bi-dot"></i></button>
<button onclick="changeCrosshairStyle('level')"><i class="bi bi-dash-circle"></i></button>
</nav>
<nav>
<span>Connector</span>