From ea672a5d4c7d781ca986f5e0df3b5cb2e1acd135 Mon Sep 17 00:00:00 2001 From: Determinant Date: Thu, 29 Aug 2024 00:04:11 -0700 Subject: add HSI --- app.mjs | 323 ++++++++++++++++++++++++++++++++++++++++++++--------------- profile.yaml | 105 ++++++++++++------- 2 files changed, 314 insertions(+), 114 deletions(-) diff --git a/app.mjs b/app.mjs index b3caf0f..ae82d55 100755 --- a/app.mjs +++ b/app.mjs @@ -8,6 +8,8 @@ import { discover, HAPTIC } from "loupedeck"; import { readFile } from "fs/promises"; import { parse } from "yaml"; import { XPlane } from "./xplane.mjs"; +import { isArray } from "util"; +import { platform } from "process"; const labelFont = "OCR A Extended"; const labelSize = 22; @@ -66,35 +68,48 @@ const getKeyConf = (i) => { const rectifyLabel = (conf) => { // conf must be non-null - let text, text2, font, font2; - let color_bg, color_fg; - let color_bg2, color_fg2; + let text, font; + let color_bg = [], + color_fg = []; - let size = labelSize; if (isObject(conf)) { - if (conf.size != null) { - size = conf.size; + text = [conf.text]; + color_bg = [conf.color_bg]; + color_fg = [conf.color_fg]; + if (conf.text2 != null) { + text.push(conf.text2); + } + if (conf.text3 != null) { + text.push(conf.text3); + } + if (conf.color_bg2) { + color_bg.push(conf.color_bg2); + } + if (conf.color_fg2) { + color_fg.push(conf.color_fg2); + } + if (conf.color_bg3) { + color_bg.push(conf.color_bg3); + } + if (conf.color_fg3) { + color_fg.push(conf.color_fg3); + } + let size = [conf.size != null ? conf.size : labelSize]; + size.push(conf.size2 != null ? conf.size2 : size[0] * 0.9); + size.push(conf.size3 != null ? conf.size3 : size[1]); + font = []; + for (let i = 0; i < size.length; i++) { + font.push(`${size[i]}px '${labelFont}'`); } - text = conf.text; - text2 = conf.text2; - color_bg = conf.color_bg; - color_fg = conf.color_fg; - color_bg2 = conf.color_bg2; - color_fg2 = conf.color_fg2; - font2 = `${size * 0.9}px '${labelFont}'`; } else { - text = conf.toString(); + text = [conf.toString()]; + font = [`${labelSize}px '${labelFont}'`]; } - font = `${size}px '${labelFont}'`; return { text, - text2, font, - font2, color_bg, color_fg, - color_bg2, - color_fg2, }; }; @@ -120,7 +135,7 @@ const drawKey = async (id, conf, pressed) => { c.strokeRect(padding, padding, w - padding * 2, h - padding * 2); if (conf != null) { - drawDoubleLineText(c, conf); + drawMultiLineText(c, conf); } // otherwise the empty key style is still drawn }); @@ -158,8 +173,8 @@ const drawSideKnobs = async (side, confs, highlight) => { const { text, font, color_bg, color_fg } = rectifyLabel( confs[i], ); - if (color_bg) { - c.fillStyle = color_bg; + if (color_bg[0]) { + c.fillStyle = color_bg[0]; c.fillRect( x_padding + 2, y_padding + y_offset + 2, @@ -167,75 +182,85 @@ const drawSideKnobs = async (side, confs, highlight) => { h - y_padding * 2 - 2, ); } - c.font = font; + c.font = font[0]; const { width, actualBoundingBoxAscent, actualBoundingBoxDescent, - } = c.measureText(text); + } = c.measureText(text[0]); const x_axis = (h - width) / 2; const y_axis = w / 2 + (actualBoundingBoxAscent - actualBoundingBoxDescent) / 2; c.rotate((90 * Math.PI) / 180); c.fillStyle = hl ? "black" : "white"; - c.fillText(text, x_axis + y_offset, -(w - y_axis)); + c.fillText(text[0], x_axis + y_offset, -(w - y_axis)); c.resetTransform(); } } }); }; -const drawDoubleLineText = (c, conf) => { +const drawMultiLineText = (c, conf) => { const w = c.canvas.width; const h = c.canvas.height; - const { text, text2, font, font2, color_fg2 } = rectifyLabel(conf); - - c.font = font; - const m1 = c.measureText(text); - const x1 = (w - m1.width) / 2; - if (text2 != null) { - const m2 = c.measureText(text2); - const h1 = m1.actualBoundingBoxAscent - m1.actualBoundingBoxDescent; - const h2 = m2.actualBoundingBoxAscent - m2.actualBoundingBoxDescent; - const sep = h1; - const y1 = h / 2 + h1 / 2 - sep; - const x2 = (w - m2.width) / 2; - const y2 = y1 + h1 / 2 + sep + h2 / 2; - c.fillText(text, x1, y1); - - if (color_fg2 != null) { - c.fillStyle = color_fg2; + const { text, font, color_fg } = rectifyLabel(conf); + + c.save(); + c.font = font[0]; + let ms = []; + let text_h = 0; + const mx = c.measureText("x"); + const sep = conf.sep + ? conf.sep + : mx.actualBoundingBoxAscent - mx.actualBoundingBoxDescent; + for (let i = 0; i < text.length; i++) { + c.font = font[i]; + const m = c.measureText(text[i]); + ms.push(m); + text_h += m.actualBoundingBoxAscent - m.actualBoundingBoxDescent; + } + text_h += (text.length - 1) * sep; + let y0 = (h - text_h) / 2; + for (let i = 0; i < text.length; i++) { + const x = + Math.max( + 0, + w - + (ms[i].actualBoundingBoxRight - + ms[i].actualBoundingBoxLeft), + ) / 2; + const hh = + ms[i].actualBoundingBoxAscent - ms[i].actualBoundingBoxDescent; + const y = y0 + hh; + c.font = font[i]; + if (color_fg[i]) { + c.fillStyle = color_fg[i]; } - c.font = font2; - c.fillText(text2, x2, y2); - } else { - const y1 = - h / 2 + - (m1.actualBoundingBoxAscent - m1.actualBoundingBoxDescent) / 2; - c.fillText(text, x1, y1); + c.fillText(text[i], x, y); + y0 += hh + sep; } + c.restore(); }; -const formatDisplayText = (formatter, value) => { - if (isNaN(value)) { - return "X"; - } +const formatDisplayText = (formatter, values) => { if (formatter) { return Function( - "$value", + "$d", `"use strict"; return(\`${formatter}\`);`, - )(value); - } else { - return value.toFixed(0).toString(); + )(values); } + if (isNaN(values[0])) { + return "X"; + } + return values[0].toFixed(0).toString(); }; const renderAttitudeIndicator = (c, display, values) => { const pitch = values[0]; const roll = values[1]; - const raw = values[2]; + const cdi = values[2]; const bg = "black"; const fg = "white"; const w = c.canvas.width; @@ -257,16 +282,17 @@ const renderAttitudeIndicator = (c, display, values) => { c.translate(x0, y0); c.rotate((-roll * Math.PI) / 180); c.translate(0, (pitch / 10) * longSep); + c.fillStyle = "#0077b6"; c.fillRect(-w, -2 * h, 2 * w, 4 * h); c.fillStyle = "#99582a"; c.fillRect(-w, 0, 2 * w, 4 * h); + c.lineWidth = 1; c.strokeStyle = fg; c.beginPath(); c.moveTo(-0.75 * w, 0); c.lineTo(0.75 * w, 0); - c.fillStyle = fg; c.font = `10px ${labelFont}`; const drawMark = (i) => { @@ -292,13 +318,42 @@ const renderAttitudeIndicator = (c, display, values) => { c.moveTo(x0 - 30, y0); c.lineTo(x0 - 10, y0); c.lineTo(x0 - 10, y0 + 8); - c.stroke(); - c.beginPath(); c.moveTo(x0 + 30, y0); c.lineTo(x0 + 10, y0); c.lineTo(x0 + 10, y0 + 8); c.stroke(); + + // draw vertical deflection + const pi2 = 2 * Math.PI; + const vdef_x = w - 10; + const vdef_r = 3; + + c.strokeStyle = "white"; + c.lineWidth = 1; + c.beginPath(); + for (let i = -2; i <= 2; i++) { + if (i != 0) { + const vdef_y = y0 + 13 * i; + c.moveTo(vdef_x + vdef_r, vdef_y); + c.arc(vdef_x, vdef_y, vdef_r, 0, pi2); + } + } + c.stroke(); + + // draw CDI diamond + const cdi_y = y0 + 13 * cdi; + const cdi_h = 7; + const cdi_w = 4; + c.fillStyle = "lightgreen"; + c.strokeStyle = "black"; + c.beginPath(); + c.moveTo(vdef_x, cdi_y + cdi_h); + c.lineTo(vdef_x - cdi_w, cdi_y); + c.lineTo(vdef_x, cdi_y - cdi_h); + c.lineTo(vdef_x + cdi_w, cdi_y); + c.stroke(); + c.fill(); }; const renderTextGauge = (c, display, values) => { @@ -308,9 +363,6 @@ const renderTextGauge = (c, display, values) => { const w = c.canvas.width; const h = c.canvas.height; - const text = formatDisplayText(display.formatter, value); - const m = c.measureText(text); - // draw background c.fillStyle = bg; c.fillRect(0, 0, w, h); @@ -318,21 +370,24 @@ const renderTextGauge = (c, display, values) => { c.strokeStyle = fg; c.lineWidth = 1; - drawDoubleLineText(c, { - text, - text2: - display.tag != null - ? display.tag - : formatDisplayText( - display.formatter2 || display.formatter, - values[1], - ), + drawMultiLineText(c, { + text: formatDisplayText(display.formatter, values), + text2: display.formatter2 + ? formatDisplayText(display.formatter2, values) + : undefined, + text3: display.formatter3 + ? formatDisplayText(display.formatter3, values) + : undefined, + size: display.size, + size2: display.size2, + size3: display.size3, + color_fg: display.color_fg, color_fg2: display.color_fg2, + color_fg3: display.color_fg3, }); }; const renderMeterGauge = (c, display, values) => { - const value = values[0]; const bg = "black"; const fg = "white"; const w = c.canvas.width; @@ -344,12 +399,12 @@ const renderMeterGauge = (c, display, values) => { return; } - let reading = (value - min) / (max - min); + let reading = (values[0] - min) / (max - min); if (isNaN(reading)) { reading = min; } - const text = formatDisplayText(display.formatter, value); + const text = formatDisplayText(display.formatter, values); // draw background c.fillStyle = bg; @@ -582,6 +637,115 @@ const renderAltimeter = (c, display, values) => { c.font = `12px '${labelFont}'`; c.fillText(Math.trunc(vsi / 10) * 10, vsi_x + 2, vsi_y + vsi_h * 0.8); } + const selected = values[2]; + if (isNumber(selected)) { + c.fillStyle = "#6697ff"; + c.font = `14px '${labelFont}'`; + c.fillText(selected, 15, 18); + } +}; + +const renderHSI = (c, display, values) => { + const bg = "black"; + const fg = "white"; + const w = c.canvas.width; + const h = c.canvas.height; + + // draw background + c.fillStyle = bg; + c.fillRect(0, 0, w, h); + c.fillStyle = fg; + c.strokeStyle = fg; + c.lineWidth = 1; + + const x0 = w / 2; + const y0 = h / 2; + const r = w / 2 - 5; + const f1 = 0.8; + const f2 = 0.9; + const cdi_r = 0.4 * r; + const vdef_r = 3; + const deg2Rad = (x) => (x / 180) * Math.PI; + const hdg = deg2Rad(values[0]); + const hdg_bug = deg2Rad(values[1]); + const src = display.navs[values[2]]; + const crs = src ? deg2Rad(values[src.crs]) : null; + let def = src ? Math.min(Math.max(values[src.def], -3), 3) : null; + if (isNaN(def)) { + def = 0; + } + const polarXY = (theta, r) => { + const t = -theta - Math.PI / 2; + const dx = r * Math.cos(t); + const dy = -r * Math.sin(t); + return { dx, dy }; + }; + const pi2 = Math.PI * 2; + + c.translate(x0, y0); + c.rotate(-hdg); + c.beginPath(); + for (let i = 0; i < 36; i++) { + const { dx, dy } = polarXY(deg2Rad(i * 10), r); + const f = (i & 1) == 0 ? f1 : f2; + c.moveTo(dx, dy); + c.lineTo(dx * f, dy * f); + } + + c.font = `14px '${labelFont}'`; + c.fillText("N", -5, -0.5 * r); + + if (isNumber(hdg_bug)) { + const bug_w = 4; + const bug_y1 = -(r - 3); + const bug_y0 = -(r - 8); + c.stroke(); + c.rotate(hdg_bug); + c.fillStyle = "blue"; + c.beginPath(); + c.moveTo(0, bug_y1); + c.lineTo(-bug_w, -(r + 1)); + c.lineTo(-bug_w, bug_y0); + c.lineTo(bug_w, bug_y0); + c.lineTo(bug_w, -(r + 1)); + c.lineTo(0, bug_y1); + c.fill(); + c.rotate(-hdg_bug); + } + + if (crs != null) { + c.rotate(crs); + + for (let i = -2; i <= 2; i++) { + if (i != 0) { + const x = 13 * i; + c.moveTo(x + vdef_r, 0); + c.arc(x, 0, vdef_r, 0, pi2); + } + } + c.stroke(); + + c.beginPath(); + const cdi_x = 13 * def; + c.lineWidth = 3; + c.strokeStyle = src.color ? src.color : "magenta"; + + c.moveTo(cdi_x, -(cdi_r - 1)); + c.lineTo(cdi_x, cdi_r - 1); + + c.moveTo(0, -r); + c.lineTo(0, -(cdi_r + 1)); + c.moveTo(0, -r); + + // crs arrowhead + c.lineTo(-5, -0.8 * r); + c.lineTo(5, -0.8 * r); + c.lineTo(0, -r); + + c.moveTo(0, r); + c.lineTo(0, cdi_r + 1); + } + c.stroke(); }; const drawGauge = async (key, label, values) => { @@ -591,6 +755,7 @@ const drawGauge = async (key, label, values) => { attitude: renderAttitudeIndicator, ias: renderIAS, alt: renderAltimeter, + hsi: renderHSI, }; await device.drawKey(key, (c) => { const display = label.display; @@ -613,7 +778,7 @@ const loadPage = async (page) => { const conf = Array.isArray(keys) && keys.length > i ? keys[i] : null; pms.push(drawKey(i, conf, false)); if (isObject(conf) && conf.display != null) { - drawGauge(i, conf, NaN); + drawGauge(i, conf, []); } } await Promise.all(pms); @@ -625,7 +790,7 @@ device.on("connect", async () => { /* for (let i = 3600; i > 1000; i -= 0.1) { await device.drawKey(0, (c) => { - renderAltimeter(c, null, [i]); + renderAltimeter(c, null, [i, 500]); }); await new Promise((res) => setTimeout(res, 10)); } diff --git a/profile.yaml b/profile.yaml index 6415849..8b97e75 100644 --- a/profile.yaml +++ b/profile.yaml @@ -1,4 +1,5 @@ --- +# This is the profile that I created for my own setup (good for DA40 with G1000 in X-Plane). # for xplane_cmd, refer to /Resources/plugins/Commands.txt under your X-Plane installation # for xplane_dataref, refer to /Resources/plugins/DataRefs.txt # @@ -48,19 +49,37 @@ keys: - display: type: meter - freq: 6, + freq: 6 + source: + - xplane_dataref: sim/flightmodel/controls/flaprat + min: 0 + max: 1 + stops: + - color: 'gray' + value_begin: 0 + value_end: 0.2 + - color: 'gray' + value_begin: 0.4 + value_end: 0.6 + - color: 'gray' + value_begin: 0.8 + value_end: 1 + formatter: '${$d[0] != null ? ($d[0] * 100).toFixed(0) : "X"}%' + - display: + type: meter + freq: 1, source: - xplane_dataref: sim/cockpit2/engine/indicators/MPR_in_hg[0] min: 10 max: 30 - formatter: '${$value.toFixed(2)}' + formatter: '${$d[0] != null ? $d[0].toFixed(2) : "X"}' stops: - color: 'green' value_begin: 13 value_end: 30 - display: type: meter - freq: 6, + freq: 1, source: - xplane_dataref: sim/cockpit2/engine/indicators/engine_speed_rpm[0] min: 0 @@ -75,25 +94,7 @@ - color: 'red' value_begin: 2700 value_end: 3000 - - display: - type: meter - freq: 6 - source: - - xplane_dataref: sim/flightmodel/controls/flaprat - min: 0 - max: 1 - stops: - - color: 'gray' - value_begin: 0 - value_end: 0.2 - - color: 'gray' - value_begin: 0.4 - value_end: 0.6 - - color: 'gray' - value_begin: 0.8 - value_end: 1 - formatter: '${($value * 100).toFixed(0)}%' - - text: Flap + - text: Flaps text2: Up pressed: xplane_cmd: sim/flight_controls/flaps_up @@ -108,37 +109,76 @@ source: - xplane_dataref: sim/cockpit/gyros/the_ind_ahars_pilot_deg # pitch - xplane_dataref: sim/cockpit/gyros/phi_ind_ahars_pilot_deg # roll + - xplane_dataref: sim/cockpit2/radios/indicators/gps_hdef_dots_pilot + - display: type: alt freq: 24 source: - xplane_dataref: sim/cockpit2/gauges/indicators/altitude_ft_pilot # alt - xplane_dataref: sim/cockpit2/gauges/indicators/vvi_fpm_pilot # vs - - text: Flap + - xplane_dataref: sim/cockpit/autopilot/altitude + - text: Flaps text2: Down pressed: xplane_cmd: sim/flight_controls/flaps_down - - - display: type: text + source: + - xplane_dataref: sim/cockpit/autopilot/autopilot_state + - xplane_dataref: sim/cockpit2/radios/actuators/HSI_source_select_pilot + formatter: '${($d[0] & 2) ? "HDG" : (($d[0] & 0x200) ? "NAV" : "ROL")} ${($d[0] & 0x10) ? "VS" : (($d[0] & 0x40) ? "FLC" : (($d[0] & 0x4000) ? "ALT" : "PIT"))}' + formatter2: '${$d[1] == 0 ? "NAV1" : ($d[1] == 1 ? "NAV2" : ($d[1] == 2 ? "GPS" : "X"))}' + size: 16 + size2: 16 + - display: + type: hsi + freq: 12 source: - xplane_dataref: sim/cockpit2/gauges/indicators/heading_AHARS_deg_mag_pilot - xplane_dataref: sim/cockpit2/autopilot/heading_dial_deg_mag_pilot - formatter: '${$value.toFixed(0).padStart(3, "0")}' - color_fg2: '#1a62fd' + - xplane_dataref: sim/cockpit2/radios/actuators/HSI_source_select_pilot + - xplane_dataref: sim/cockpit/radios/gps_course_degtm + - xplane_dataref: sim/cockpit2/radios/indicators/gps_hdef_dots_pilot + - xplane_dataref: sim/cockpit2/radios/actuators/nav1_obs_deg_mag_pilot + - xplane_dataref: sim/cockpit2/radios/indicators/nav1_hdef_dots_pilot + - xplane_dataref: sim/cockpit2/radios/actuators/nav2_obs_deg_mag_pilot + - xplane_dataref: sim/cockpit2/radios/indicators/nav2_hdef_dots_pilot + hdg: 0 + src: 1 + navs: + 2: + crs: 3 + def: 4 + color: magenta + 0: + crs: 5 + def: 6 + color: green + 1: + crs: 7 + def: 8 + color: green - display: type: text + freq: 6 source: + - xplane_dataref: sim/cockpit2/gauges/indicators/heading_AHARS_deg_mag_pilot + - xplane_dataref: sim/cockpit2/autopilot/heading_dial_deg_mag_pilot - xplane_dataref: sim/cockpit/radios/gps_course_degtm - tag: CRS - formatter: '${$value.toFixed(0).padStart(3, "0")}' - color_fg2: 'magenta' + formatter: '${$d[0] != null ? $d[0].toFixed(0).padStart(3, "0") : "xxx"}' + formatter2: 'HDG ${$d[1] != null ? $d[1].toFixed(0).padStart(3, "0") : "xxx"}' + formatter3: 'CRS ${$d[2] != null ? $d[2].toFixed(0).padStart(3, "0") : "xxx"}' + color_fg2: '#1a62fd' + color_fg3: 'magenta' + size2: 16 + size3: 16 - text: Brake pressed: xplane_cmd: sim/flight_controls/brakes_toggle_regular # Page 1 -- left: +- right: - text: HDG inc: xplane_cmd: sim/GPS/g1000n1_hdg_up @@ -158,11 +198,6 @@ xplane_cmd: sim/GPS/g1000n1_crs_down pressed: xplane_cmd: sim/GPS/g1000n1_crs_sync - - right: - - '' - - '' - - '' keys: - text: AP pressed: -- cgit v1.2.3-70-g09d2