#arwes — Public Fediverse posts

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/

#arwes #augmentedUi #cockpit #EliteDangerous #homeCockpit #macross #RebelGalaxyOutlaw #simpit #VF1 #VFD #x4foundations

Nice: #arwes v1.0.0-alpha.21 was released: https://arwes.dev/

Lovely #FUI framework. Doing all my UI shenanigans with it. Alpha or not 🤓

#ReactJS

Here is another awesome #FUI example using #arwes https://www.myxouz.com/2021/12/lady-of-shalott-first-version-of-our-home-dashboard/ 👍
A FUI is short for a Futuristic User Interface. ARWES.dev is a JS framework to create such a FUI. Unlike the ones animated and used for cinematic purposes it can be actually used. Like I do this for my Streaming Overlay and going to use it for my #simPit as well.
I love everything about this project right up to it’s name “Lady of Shalott”. The idea to do some sort of extended home… https://beko.famkos.net/t/26F7

Here is another awesome #FUI example using #arwes https://www.myxouz.com/2021/12/lady-of-shalott-first-version-of-our-home-dashboard/ 👍

A FUI is short for a Futuristic User Interface. ARWES.dev is a JS framework to create such a FUI. Unlike the ones animated and used for cinematic purposes it can be actually used. Like I do this for my Streaming Overlay and going to use it for my #simPit as well.

I love everything about this project right up to it’s name “Lady of Shalott”. The idea to do some sort of extended home automation to query various daily streams is one of the reasons I dig MicroSub and ActivityPub so much and doing something similar for a dashboard crossed my mind already too. This is a topic I’m not doing much on at the moment. I mean I’ve very good ideas what I want here but I’ve already enough projects going at the moment so this is on hold.

Anyway, make sure to take a closer lock on the project. Myxouz offers some (unlisted) YouTube videos as well so you can get an idea of the dashboard in action and also describes the background techniques in use.

If you’re a programmer consider going wild with ARWES as well 🙃

#arwes #fui #simpit

https://beko.famkos.net/2021/12/15/a-fui-dashboard-for-the-home/