Add HUD asset diagnostics
This commit is contained in:
parent
8941fe662c
commit
44663ba869
@ -5,6 +5,7 @@ import rightControlsSrc from './assets/controller/right-controls.js';
|
|||||||
import cannonRoundelSrc from './assets/controller/cannon-roundel.js';
|
import cannonRoundelSrc from './assets/controller/cannon-roundel.js';
|
||||||
import helmFrameSrc from './assets/controller/helm-frame.js';
|
import helmFrameSrc from './assets/controller/helm-frame.js';
|
||||||
import helmKnobSrc from './assets/controller/helm-knob.js';
|
import helmKnobSrc from './assets/controller/helm-knob.js';
|
||||||
|
import { airshipLog } from './diagnostics.js';
|
||||||
|
|
||||||
const isDesktopPointer = window.matchMedia('(hover: hover) and (pointer: fine)');
|
const isDesktopPointer = window.matchMedia('(hover: hover) and (pointer: fine)');
|
||||||
|
|
||||||
@ -417,6 +418,12 @@ if (!isDesktopPointer.matches) {
|
|||||||
image.src = src;
|
image.src = src;
|
||||||
image.alt = '';
|
image.alt = '';
|
||||||
image.draggable = false;
|
image.draggable = false;
|
||||||
|
image.addEventListener('error', () => {
|
||||||
|
airshipLog('hud:image-error', {
|
||||||
|
component: className,
|
||||||
|
srcType: src?.slice?.(0, 32) || 'unknown',
|
||||||
|
}, 'error');
|
||||||
|
});
|
||||||
piece.appendChild(image);
|
piece.appendChild(image);
|
||||||
|
|
||||||
if (inner) piece.insertAdjacentHTML('beforeend', inner);
|
if (inner) piece.insertAdjacentHTML('beforeend', inner);
|
||||||
@ -453,6 +460,8 @@ if (!isDesktopPointer.matches) {
|
|||||||
helmFrame.src = helmFrameSrc;
|
helmFrame.src = helmFrameSrc;
|
||||||
helmFrame.alt = '';
|
helmFrame.alt = '';
|
||||||
helmFrame.draggable = false;
|
helmFrame.draggable = false;
|
||||||
|
helmFrame.addEventListener('load', () => airshipLog('hud:helm-frame-loaded'));
|
||||||
|
helmFrame.addEventListener('error', () => airshipLog('hud:helm-frame-error', {}, 'error'));
|
||||||
radarPiece.appendChild(helmFrame);
|
radarPiece.appendChild(helmFrame);
|
||||||
|
|
||||||
const helmKnob = document.createElement('img');
|
const helmKnob = document.createElement('img');
|
||||||
@ -460,6 +469,8 @@ if (!isDesktopPointer.matches) {
|
|||||||
helmKnob.src = helmKnobSrc;
|
helmKnob.src = helmKnobSrc;
|
||||||
helmKnob.alt = '';
|
helmKnob.alt = '';
|
||||||
helmKnob.draggable = false;
|
helmKnob.draggable = false;
|
||||||
|
helmKnob.addEventListener('load', () => airshipLog('hud:helm-knob-loaded'));
|
||||||
|
helmKnob.addEventListener('error', () => airshipLog('hud:helm-knob-error', {}, 'error'));
|
||||||
radarPiece.appendChild(helmKnob);
|
radarPiece.appendChild(helmKnob);
|
||||||
|
|
||||||
radarPiece.insertAdjacentHTML('beforeend', `
|
radarPiece.insertAdjacentHTML('beforeend', `
|
||||||
@ -595,6 +606,11 @@ if (!isDesktopPointer.matches) {
|
|||||||
requestAnimationFrame(update);
|
requestAnimationFrame(update);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
airshipLog('hud:mounted', {
|
||||||
|
mobile: true,
|
||||||
|
pieces: hud.querySelectorAll('.steam-piece').length,
|
||||||
|
});
|
||||||
|
|
||||||
requestAnimationFrame(update);
|
requestAnimationFrame(update);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user