Coding on a train, building something train-related again! This time, I created a toy train track generator and made it look like those from BRIO: https://www.brio.us
In this video, I show you how I:
Used HTML + Canvas to start visualizing toy train pieces
Modeled straight, curved, and split tracks with accurate geometry
Struggled with angles and styling
Added rails, knobs, flipped pieces, and a caching system for performance
It's a fun ride full of trial-and-error, creative thinking, and a surprising amount of geometry. If you love toy trains, code experiments, or just want to see what happens when someone codes on an actual train — this is for you.
Let me know if you’d want to see this developed into a proper app!
Website I used for reference: https://woodenrailway.info/track/track-math
⚡️Join this Channel⚡️
https://youtube.com/@Radu/join
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
#CodingOnATrain #ToyTrainTrack #CreativeCoding #BRIO #JavaScriptCanvas
Download
0 formats
No download links available.
BRIO Train Track Piece Generator in JavaScript | NatokHD