{"id":1928,"date":"2026-11-03T22:54:00","date_gmt":"2026-11-04T03:54:00","guid":{"rendered":"https:\/\/www.trustyetc.com\/trustyblog\/?p=1928"},"modified":"2026-11-04T11:04:00","modified_gmt":"2026-11-04T16:04:00","slug":"vibe-coding-a-browser-based-rc-flight-simulator","status":"publish","type":"post","link":"https:\/\/www.trustyetc.com\/trustyblog\/2026\/11\/03\/vibe-coding-a-browser-based-rc-flight-simulator\/","title":{"rendered":"Vibe Coding a Browser Based RC Flight Simulator"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

The request was straightforward: we needed an accessible RC flight simulator. Several of my students wanted to learn how to pilot radio-controlled planes and drones, and a simulator is the ideal starting point. Crash a virtual aircraft, and you simply press a reset button. Crash a real one, and you spend your entire weekend hunched over a glue gun and a soldering iron.<\/p>\n\n\n\n

The problem was just as simple: they can’t install software on their school computers<\/strong>. Most RC simulators are downloads, many cost money, and nearly all of them need user permissions a locked-down student laptop doesn’t have.<\/p>\n\n\n\n

So I built an RC plane simulator that runs in a web browser. No download, no install, no account. Open the page, pick a plane and fly.<\/p>\n\n\n\n

It’s called Trusty RC Airfield<\/strong>, and I built it by vibe coding: describing what I wanted to an AI, looking at the result, and saying what to change.<\/p>\n\n\n\n

What Trusty RC Airfield is<\/h2>\n\n\n\n

Trusty RC Airfield is a 3D RC flight simulator that lives on a single web page. You stand behind the fence at a grass airstrip, with a tent, a windsock, drone course and farm fields all around, and fly the plane from the ground just like at a real club field.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

You can fly it with your real radio<\/strong>. My drone team uses the RadioMaster Pocket and the sim has specific instructions for connecting that radio. The browser based sim works with any transmitter that will talk to the computer either through Bluetooth or a USB connection. A setup wizard asks you to move each stick and works out the rest. No radio? Anyone can fly with the keyboard<\/strong>, using the arrow keys, A and D for rudder, and W and S for throttle, arrow keys for ailerons and elevator. But it’s most useful for training if you use a transmitter.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

The physics are real<\/strong>. Lift, drag, stalls, wind, gusts and even thermals are all part of it. Planes tip-stall when flown too slowly, gliders climb in rising air, and jets spool up like real ducted fans.<\/p>\n\n\n\n

There are three views<\/strong>: pilot view from the flight line, which keeps the horizon in sight, a chase camera, and FPV from the cockpit. A field overview window<\/strong>, which you can drag anywhere on the screen, means you never lose track of where you are.<\/p>\n\n\n\n

How I built it: vibe coding with Claude<\/h2>\n\n\n\n

I didn’t write the code. I built Trusty RC Airfield in a long conversation with Claude, Anthropic’s AI. My job was to know what a good RC sim should feel like; its job was the programming.<\/p>\n\n\n\n

The first request was one sentence.<\/p>\n\n\n\n

Build a browser-based RC simulator, flown with my RadioMaster Pocket over Bluetooth, with a Cub-style bush plane.<\/em><\/p>\n\n\n\n

In about five minutes, a working simulator came back from that one sentence. Everything after that was me flying it and saying what to change.<\/p>\n\n\n\n

My requests sounded like “Put the windsock at the same end of the field as the plane,”<\/em> “Give me a small wide-angle window so I can always see the plane, the tent and the windsock,”<\/em> and “Make the pilot stand next to the fence, and keep the horizon in view.”<\/em> Later came collision detection for the fence, the cones, the windsock and the tent, then flaps and retractable gear.<\/p>\n\n\n\n

The part that surprised me most was working from pictures instead of words<\/strong>. I uploaded a German foam plan for a Cub fuselage, and the AI traced its side profile into the 3D model. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

I gave the AI a photo of my scratch-built foam board F-18 Super Hornet. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

The AI made this for the simulator. It flies just like the real thing.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

I also asked it to look up real data<\/strong>. It found the factory specifications for most of my planes, motor and prop thrust tests, NASA’s model of how thermals rise, and wind-tunnel research on the flat foam wings my planes use. Then it tuned each plane against those numbers, and tested the flight physics in the background before handing me each version.<\/p>\n\n\n\n

The Hangar<\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Every aircraft in the hangar is based on a real model, most of them ones I fly myself.<\/p>\n\n\n\n

The Cub<\/strong> is the friendly trainer, a high-wing bush plane with flaps. It’s built to the factory numbers of a 1.3 m foam Cub, including its habit of dropping a wing if you get slow in a turn.<\/p>\n\n\n\n

The F-18 Super Hornet foamie<\/strong> is modelled on my own scratch-built pusher. It’s hand-launched, with flaperons and stabilators that move just like my six-channel setup.<\/p>\n\n\n\n

The Tundra TPX<\/strong> is a 3D aerobatic profile plane with unlimited vertical, about two rolls a second, and enough prop blast to hover.<\/p>\n\n\n\n

The Sports Hawk<\/strong> is a 1.5 m electric ducted-fan jet with retracts, flaps, LED lights and a jet whine, painted in Ohio State scarlet and gray.<\/p>\n\n\n\n

The Glider<\/strong> is a 1.5 m powered sailplane with a folding prop. Cut the motor, find a thermal, and a variometer beeps faster as you climb.<\/p>\n\n\n\n

The drone has its own race course behind the tent<\/strong>: five gates and three flags, with ground arrows showing which way to go, a lap timer and a best-lap record. Crash, and one press of the reset switch stands the drone back up where it landed so you can finish the lap.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Why it works for students<\/h2>\n\n\n\n

There’s nothing to install.<\/strong> It’s one web page with no plugins and no account. If a student can open a website, they can fly. It runs smoothly on modest school laptops too, lowering its own resolution when a computer can’t keep up.<\/p>\n\n\n\n

Crashes are free.<\/strong> Students learn orientation, coordinated turns and landings without breaking a plane or a propeller.<\/p>\n\n\n\n

Students can use their real radio, or none at all.<\/strong> Those with a transmitter practise on the exact sticks, rates and switches they fly with. Everyone else uses the keyboard.<\/p>\n\n\n\n

There’s real science behind the fun.<\/strong> Stalls, wind, thermals, flaps and centre of gravity behave the way they do outdoors, so there’s plenty to talk about. Why does the glider climb in that spot? Why does the jet need more runway?<\/p>\n\n\n\n

And there’s a reason to practise.<\/strong> The FPV course has a lap timer and a best lap to beat.<\/p>\n\n\n\n

What I learned about vibe coding<\/h2>\n\n\n\n

Domain knowledge is the real skill.<\/strong> The AI wrote every line, but it took an RC pilot to say that the windsock was at the wrong end, that the flaperons should droop 15% and 30%, or that a gate should be an upside-down U. Teachers and students bring exactly this kind of knowledge to their own projects.<\/p>\n\n\n\n

Show, don’t just tell.<\/strong> Photos, plans and screenshots got better results than paragraphs of description. A picture of the plane said more than I could.<\/p>\n\n\n\n

Small steps win.<\/strong> I made one change at a time, flew it, then asked for the next. When something looked wrong, a screenshot and one sentence fixed it.<\/p>\n\n\n\n

Ask for real data.<\/strong> “Make it realistic” is vague. “Find the real specifications and test against them” is what gave the planes their character.<\/p>\n\n\n\n

You still need to test.<\/strong> The AI tested its physics in the background, but only flying it showed what felt right. That loop of build, try and adjust is the same one we teach in any design project.<\/p>\n\n\n\n

The barrier between having an idea<\/strong> and having working software<\/strong> keeps getting smaller. This simulator started as one student need and one sentence.<\/p>\n\n\n\n

Try it<\/h2>\n\n\n\n

Fly now at:<\/strong> https:\/\/www.trustyetc.com\/RC\/<\/a><\/p>\n\n\n\n

To use a RadioMaster Pocket or another EdgeTX radio with ExpressLRS:<\/p>\n\n\n\n

    \n
  1. Select a plain model on the radio: aileron, elevator, throttle and rudder on channels 1 to 4, no mixes.<\/li>\n\n\n\n
  2. Press SYS, open Tools, run ExpressLRS and choose BLE Joystick<\/strong>.<\/li>\n\n\n\n
  3. Pair ExpressLRS Joystick<\/strong> in your computer’s Bluetooth settings.<\/li>\n\n\n\n
  4. Open the simulator, wiggle a stick, and choose Assign controls<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Use Chrome or Edge. No radio? Choose Fly with the keyboard<\/strong>.<\/p>\n\n\n\n

    If you build something with vibe coding for your own classroom, I’d love to hear about it. And if you beat my best lap on the drone course, I want to hear about that too.<\/p>\n\n\n\n

    Want to see more?<\/strong> This project joins the Trusty AI Arcade<\/a> and my StartPage rebuild<\/a> as part of my push to build my own digital tools with AI.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The request was straightforward: we needed an accessible RC flight simulator. Several of my students wanted to learn how to pilot radio-controlled planes and drones, and a simulator is the ideal starting point. Crash a virtual aircraft, and you simply … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[427,1,3],"tags":[423,190,192,431,98,430],"class_list":["post-1928","post","type-post","status-publish","format-standard","hentry","category-ai","category-edtech","category-leisure","tag-ai","tag-airplanes","tag-planes","tag-rc","tag-simulator","tag-vibe-coding"],"_links":{"self":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/comments?post=1928"}],"version-history":[{"count":14,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1928\/revisions"}],"predecessor-version":[{"id":1952,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1928\/revisions\/1952"}],"wp:attachment":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/media?parent=1928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/categories?post=1928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/tags?post=1928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}