F1 Wow Dashboard - on Uno
Source: Dev.to
What I Built
I love Formula 1, and all kinds of mission‑control dashboards and visualisations. So I built an F1 track dashboard with a rotating 3D car! 🏎️
- Rotating 3D car wireframe
- Animated track list
- Data bindings of track name, total laps
- Lap counter
- Name customisation
- Custom splash screen
Demo
Here’s a video of my app running on Windows:
(Insert video embed or link if available)
Or try the WebAssembly version of F1 Wow in your browser: (3D model animation is disabled on WASM for performance reasons)
Cross‑Platform Magic
I primarily targeted Windows, but the app also runs in WASM without extra work. Because the 3D renderer is CPU‑intensive, I disabled it in the web version for better performance.
I’d love to test it on Android (I don’t have a device) or iOS (no Mac to build on).
Source code:
Windows / Desktop
It runs on Windows:
Web
Try it online:
Interactive Features
3D Car Wireframe
I originally wanted a fully textured HD car render, but SkiaSharp turned out to be the best cross‑platform option for a wireframe. A hardware‑accelerated 3D render would have required platform‑dependent code, so I kept it simple.
Claude Sonnet 4.5 in GHCP helped me write the Simple3DRenderer, and I tweaked the code after studying how it works. This was my first experience with 3D rendering.
// Example snippet from Simple3DRenderer
public void Render(Canvas canvas, Mesh mesh, Matrix4x4 transform)
{
// Rendering logic here...
}Fancy Animated List
A radial effect makes the circuit list items resize based on cursor proximity:
Name Entry
A simple text entry field lets you type a driver name and receive a custom greeting.
Lap Counter
Press the Plus button in the top‑right corner to count laps. When the count exceeds the maximum laps for the selected track, it loops back to one.
The Wow Factor
The combination of the background, 3D render, track list, and F1 styling creates a strong visual impression. A custom splash screen and icon reinforce the F1 theme.
It’s been 10 years since I coded for Windows desktop, and my first time writing cross‑platform code. This was a fun experience—thanks for checking out my entry, and let me know what you think! 😁🏎️
