<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: MAHAMMADRAJIN SHAIKH</title>
    <description>The latest articles on DEV Community by MAHAMMADRAJIN SHAIKH (@insinct-coder).</description>
    <link>https://dev.to/insinct-coder</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4157712%2Fab2de8e0-7616-472d-a346-77bdc8ba5ead.png</url>
      <title>DEV Community: MAHAMMADRAJIN SHAIKH</title>
      <link>https://dev.to/insinct-coder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/insinct-coder"/>
    <language>en</language>
    <item>
      <title>cityscape with flying cars</title>
      <dc:creator>MAHAMMADRAJIN SHAIKH</dc:creator>
      <pubDate>Mon, 02 Nov 2026 00:12:13 +0000</pubDate>
      <link>https://dev.to/insinct-coder/cityscape-with-flying-cars-41bf</link>
      <guid>https://dev.to/insinct-coder/cityscape-with-flying-cars-41bf</guid>
      <description>&lt;p&gt;I Built a Living Futuristic City Where Open-Source AI Drives the Traffic&lt;/p&gt;

&lt;p&gt;Tags: #hf26challenge #hacktoberfest2026 #ai #webdev #open-source&lt;/p&gt;

&lt;p&gt;What I Built&lt;/p&gt;

&lt;p&gt;Aether Grid is a real-time, procedurally generated futuristic cityscape where every flying car, drone taxi, and sky-rail is orchestrated by a local open-weight language model. No API calls. No cloud. The city thinks for itself.&lt;/p&gt;

&lt;p&gt;The core idea: instead of hand-coding traffic patterns or using a physics engine, a small open-weight model (running via Ollama) acts as the city's nervous system. It decides:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Where each vehicle spawns and which lane it takes&lt;/li&gt;
&lt;li&gt;When congestion builds and how to reroute&lt;/li&gt;
&lt;li&gt;Which districts light up at "night" based on a narrative prompt you type&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You get a 3D city rendered with Three.js that responds to natural-language commands. Type "a storm is rolling in from the east" and the vehicles scatter, neon signs flicker, and the sky darkens — all decided by the model, not by hardcoded rules.&lt;/p&gt;

&lt;p&gt;Demo&lt;/p&gt;

&lt;p&gt;[Video / Live Demo Link Here]&lt;/p&gt;

&lt;p&gt;Code&lt;/p&gt;

&lt;p&gt;[GitHub Repository Link Here]&lt;/p&gt;

&lt;p&gt;Repo structure:&lt;/p&gt;

&lt;p&gt;aether-grid/&lt;br&gt;
├── src/&lt;br&gt;
│   ├── city/          # Three.js scene, buildings, roads&lt;br&gt;
│   ├── traffic/       # Vehicle spawning, lane logic&lt;br&gt;
│   ├── ai/&lt;br&gt;
│   │   ├── prompt.js  # System prompt for the city model&lt;br&gt;
│   │   ├── parse.js   # JSON response → scene actions&lt;br&gt;
│   │   └── client.js  # Ollama local inference wrapper&lt;br&gt;
│   └── ui/            # Prompt input, stats overlay&lt;br&gt;
├── models/            # Local model config (llama3.2:3b)&lt;br&gt;
└── README.md&lt;/p&gt;

&lt;p&gt;How I Built It&lt;/p&gt;

&lt;p&gt;The AI layer. I used Llama 3.2 3B via Ollama, running entirely on my machine. The system prompt instructs the model to act as a city traffic controller and return structured JSON:&lt;/p&gt;

&lt;p&gt;{&lt;br&gt;
  "spawn": [{ "type": "taxi", "lane": 3, "speed": 1.2 }],&lt;br&gt;
  "reroute": [{ "vehicle_id": "v-42", "new_lane": 7 }],&lt;br&gt;
  "atmosphere": { "sky": "storm", "lighting": "neon-amber" }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;The response parser maps each field to a Three.js action. No external API — the model runs at ~15 tokens/sec on my laptop, which is plenty for a city that updates every 2 seconds.&lt;/p&gt;

&lt;p&gt;The 3D scene. Buildings are instanced meshes with emissive window textures. Flying cars are simple box-and-wing geometries on spline paths. The trick that made it feel alive: each vehicle has a slight sinusoidal bob, and the camera slowly orbits the city center unless the user takes control.&lt;/p&gt;

&lt;p&gt;The prompt interface. A single text input at the bottom. You describe what's happening in the city, the model decides how the city reacts. This is where the open-weight model does the heavy lifting — it's not generating text for a user, it's generating actions for a simulation.&lt;/p&gt;

&lt;p&gt;Why Open Innovation Matters&lt;/p&gt;

&lt;p&gt;This is the part I care about most.&lt;/p&gt;

&lt;p&gt;I could have called a hosted API to do this. I didn't, and here's why:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;It works offline. I built this on a flight. No signal, no API key, no rate limit. The city ran the entire 6-hour flight because the model was local.&lt;/li&gt;
&lt;li&gt;It's cheap to run. A 3B parameter model fits in 2 GB of RAM. Any laptop from the last 5 years can run this. There's no per-token cost that scales with how fun the city gets.&lt;/li&gt;
&lt;li&gt;You can fork it. The model, the prompt, the parser — everything is in the repo. Someone in a low-connectivity area can run this same city on a $200 laptop and modify the prompt to make their own version. That's not possible with a closed API.&lt;/li&gt;
&lt;li&gt;The prompt is the code. The "intelligence" of the city lives in a ~50-line system prompt. You can change how the city behaves by editing text, not by retraining a model or paying for fine-tuning.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;That last point is what excites me about open-weight models. The barrier between "I have an idea for how a city should feel" and "here's a city that feels that way" is a text file.&lt;/p&gt;

&lt;p&gt;What's Next&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add a multi-city mode where two models negotiate trade routes&lt;/li&gt;
&lt;li&gt;Port the traffic logic to a WebGPU renderer for mobile&lt;/li&gt;
&lt;li&gt;Let users fine-tune the prompt with a slider that interpolates between "chaotic" and "orderly"&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Built during Hacktoberfest 2026. All code is MIT-licensed. Go build a city.   &lt;/p&gt;

</description>
      <category>mlhacks</category>
      <category>devchallenge</category>
      <category>hackathon</category>
    </item>
  </channel>
</rss>
