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

feat: Change HippieCrosshair

Browse source 
- Change structure for options
- Add mergeOptions method to combine defaults with options
- Rename stuff
This commit is contained in:
sthag 2026-03-24 20:59:14 +01:00
parent 45b0aef67d
commit 4f029a1a73
2 changed files with 93 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -33,12 +33,12 @@ tags:
</nav>
<nav>
<span>Connector</span>
<button onclick="toggleLine()">Toggle</button>
<button onclick="toggleConnector()">Toggle</button>
<hr class="vertical">
<button onclick="changeSymbolStyle('arrow')"><i class="bi bi-caret-up-fill"></i></button>
<button onclick="changeSymbolStyle('square')"><i class="bi bi-square-fill"></i></button>
<button onclick="changeSymbolStyle('circle')"><i class="bi bi-circle-fill"></i></button>
<button onclick="changeSymbolStyle('diamond')"><i class="bi bi-diamond-fill"></i></button>
<button onclick="changeConnectorStyle('arrow')"><i class="bi bi-caret-up-fill"></i></button>
<button onclick="changeConnectorStyle('square')"><i class="bi bi-square-fill"></i></button>
<button onclick="changeConnectorStyle('circle')"><i class="bi bi-circle-fill"></i></button>
<button onclick="changeConnectorStyle('diamond')"><i class="bi bi-diamond-fill"></i></button>
</nav>
</header>
{% endblock %}
@ -59,18 +59,18 @@ tags:
crosshair.setCrosshairStyle(style);
}
function changeSymbolStyle(style) {
crosshair.setSymbolStyle(style);
function changeConnectorStyle(style) {
crosshair.setConnectorStyle(style);
}
function changeColor(color) {
crosshair.setColor(color);
crosshair.setSymbolColor(color);
crosshair.setCrosshairColor(color);
crosshair.setConnectorColor(color);
crosshair.lineColor = `rgba(${parseInt(color.slice(1, 3), 16)}, ${parseInt(color.slice(3, 5), 16)}, ${parseInt(color.slice(5, 7), 16)}, 0.3)`;
}
function toggleLine() {
crosshair.setLineVisible(!crosshair.showConnector);
function toggleConnector() {
crosshair.setConnectorVisibility(!crosshair.connectorShow);
}
function toggleAnimation() {