mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,5 Tsd.
aktive Profile

#simpit

1 Beitrag1 Beteiligte*r0 Beiträge heute

VFD segment displays in HTML/CSS for my SimPit

So I dunno if you know what a #VFD (https://en.wikipedia.org/wiki/Vacuum_fluorescent_display) is but I’m a sucker for these – at least virtually.

Games like #RebelGalaxyOutlaw perfected the look and this is where I want to go with my #Arwes HUD app for my #EliteDangerous / #X4Foundations home cockpit too.

The segment displays are heavily inspired by #AugmentedUI project (https://augmented-ui.com/) where I’ll borrow some more elements. Learned the neat fake scan lines from there too. And yes the 8 segment display works by shifting bits under the hood 🤓 This isn’t really needed for an app but I have plans to add some real segment displays eventually (I do have a whole box full with these!) so I wanted to know how to implement this anyway.

Video from an earlier stage in the development demos the scan line effect.

The bars are configured with parameters in size, count, percent, colours and thresholds 😁 I also added a random chance of 5% to shift the hue a little bit because just as in real life nothing is perfect.

And yes they are fully themed so switching the colour theme also affects the virtual VFDs.

I’m also going to replace the older horizontal bars, that look way too boring in comparison.

It’s still very early but I hope to get some rad animations going too. See https://www.hudsandguis.com/home/2022/retro-digital-dashboards to get an idea in which direction this is going 🤓

See the dedicated project page https://SimPit.dev for more details on this #Macross #VF1 inspired #cockpit panel.

https://beko.famkos.net/2025/05/04/vfd-segment-displays-in-html-css-for-my-simpit/

Quick demo time: I got a touch display 17.3″ that will replace my rather old one in my VF-1 inspired cockpit panel.

Pick your poison: https://www.youtube.com/watch?v=KX4LsyqYPCA / https://makertube.net/w/nCopvNbkvkwR9XcG5QPQ3i

Mostly because of the bad viewing angle. I’m not a huge fan of touch but sometimes it is really useful and if I already spend money why not go the extra mile 🤓

https://beko.famkos.net/2025/05/01/15629759/

#Arduino#arwes#homeCockpit

NEW INTRODUCTION! After 3 years, some of my interests pivoted and some are just not on fedi.

I'm a one man company that mostly does 2D computer animation but I also do interactive writing and co-creating the first ever video game completely about larp!

🎨 #2danimation #animation #madeWithSpine #gameart #gamewriting #gamedev #madewithconstruct #inkle

🚀 #space #arduino #opensource #ecology #simpit #spacesim

🎲 #ttrpg #larp #boardgames #gaslands

📺📙 #terrypratchett #discworld

Updated simpit.dev/ - home of the #Space #PewPew #SimPit inspired by a #VF1 Valkyrie cockpit (#Macross)

That's a glorified #DIY joystick controller with an LCD ('MFD') and plenty of #RGB for my #Linux PC

Newest additions are my #XR sheniagans (and some notes on #Breezy and the usage of #IMU data as #headtracker), the games #AceCombat and #XWVM (#XWing / #TIEFighter) and a bunch of videos were updated.

Best viewed WITH an ad-blocker and patience (slow af).

Livestream recording: Space – Pew Pew – Playing X-Wing with XWVM Alpha again in my Macross SimPit

Played #XWVM (closed) Alpha with my #Macross inspired #SimPit. I’m simply in awe that I can replay missions from #XWing (or #TIEFighter) with more modern graphics and modern interface devices again. I spent _so many_ hours playing these #StarWars games as a kid.

This is the heavily cut VOD of the live stream over at @bekopharm@live.famkos.net (pick your poison):

https://makertube.net/w/r1LRrqDWnhw4wRk92uNfzo /
https://www.youtube.com/watch?v=9T2jxqT_5sU

This time I play with the native Linux version and my X52 Pro joystick (which means I actually have a chance of hitting stuff too). The following missions were played:

Historical Mission 2 / Wingmen Are Important
Historical Mission 3 / Sattelites Near Coruscant
Historical Mission 4 / Beating The Odds
OP 1: Destroy Imperial Convoy (Uncut)
OP 2: Reconnaissance Mission (Uncut)
OP 3: Fly Point During Evacuation (Uncut)
OP 4: Protect Medical Frigate (Uncut)

XWVM is not an official product from Lucasfilm Ltd. or Disney. It is not endorsed or authorized by either. It is a fan recreation of the game engine used to play X-Wing and TIE Fighter for the sake of accessibility and requires the original game assets to work.

Kudos to the XWVM team, they are doing a stellar job here.

The dedicated project website for the Macross inspired SimPit is https://simpit.dev

https://beko.famkos.net/2025/04/07/livestream-recording-space-pew-pew-playing-x-wing-with-xwvm-alpha-again-in-my-macross-simpit/

Parsing the Elite Dangerous Journal

I gave in and changed my event forwarding method in node-red for the Elite Dangerous Journal. This file is updated on various in-game events but in a way that makes it difficult to get new events only since last update. Another problem is that it’s not really a valid JSON file because it has one JSON per line but it’s not a valid JSON array. This is why it has to be parsed line by line and mashed together by event type (name) again to get the latest data for each event type per dump. Each event has it’s own timestamp by set by the game. The latest timestamp is now saved on the special flow const so node-red keeps the value in the “global” memory of the current flow:

msg.payload.event = "Journal";let newJournalTimestamp = flow.lastJournalTimestamp;Object.keys(msg.payload).forEach((key) => {  if (msg.payload[key].timestamp) {    const keyTimestamp = new Date(msg.payload[key].timestamp).getTime();    if (!flow.lastJournalTimestamp || flow.lastJournalTimestamp < keyTimestamp) {      // this entry is new - keep it. MULTIPLE events may have the      //  same timestamp so wait with reassigning so we don't skip      //  em or get the latest a 2nd time if nothing else changes.      // update the next latest timestamp if this is newer      if(!newJournalTimestamp || newJournalTimestamp < keyTimestamp) {        newJournalTimestamp = keyTimestamp;      }    } else {      // lastJournalTimestamp is newer, skip this      msg.payload[key] = null;    }  }});// make sure this is a valid date for the next timeflow.lastJournalTimestamp = newJournalTimestamp || new Date().getTime();// remove all nulled events from the payloadmsg.payload = Object.fromEntries(  Object.entries(msg.payload).filter(([_, p]) => p !== null));msg.payload.timestamp = new Date(flow.lastJournalTimestamp);return { payload: msg.payload };

So I do now keep track of the last read timestamp and reject every event that is older than the last read keeping the Journal dump smaller. This way I don’t have to try to keep track of the “latest” event to drag data from. Refuelling e.g. can happen from whopping 4 (or more) different events and it’s painful to compare all and check which one is the latest to keep track of the real current fuel levels for each tank.

Downside is I won’t get a full set of data for the current session any more if I have to reload my HUD app. This could be mitigated by using MQTT though where I could simply persist each event topic. That is already implemented and I can choose between SocketIO or MQTT in my app anyway.

https://beko.famkos.net/2025/03/29/parsing-the-elite-dangerous-journal/