Back to Browse

BRIO Train Track Piece Generator in JavaScript

1.3K views
Oct 3, 2025
6:28

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