Creators · 4 min read

Meet Sidecar

Sidecar is the AI creative partner inside ToyMaker: trained to help Comoders shape, build, and refine c2merses without flattening their voice.

✦ Published May 2026

Sidecar is one of the clearest expressions of the Code2Motion brand: ambitious creative tooling that still feels human. Inside ToyMaker, it helps Comoders move from instinct to implementation without needing to master every graphics, audio, or runtime detail first.

That matters because Code2Motion is not trying to replace creators with automation. Sidecar exists to make the creation experience more expressive, more technical when needed, and more accessible when an idea is still half-formed.

01 What does Sidecar actually do?

Here's what a real conversation with Sidecar looks like:

⚡
Sidecar
● ready
I want a particle system that looks like a galaxy — stars swirling outward, with a dark centre and purple/blue colours. It should respond to music.
Sounds beautiful. I'll use p5.js with a spiral orbit equation for the star positions, and Tone.js to read frequency data from the microphone.

The amplitude of the bass will expand the spiral radius, and high frequencies will increase star brightness. Want the rotation speed tied to the beat as well?
Yes! And can the stars leave trails?
Absolutely — I'll reduce the background alpha each frame instead of clearing it, which creates a motion-trail effect without extra memory overhead. Generating now...

Sidecar doesn't just write code — it explains what it's doing and why. You stay in the loop. You stay in control.

02 Sidecar specializations

There isn't just one Sidecar — there are specialized variants, each expert in a different domain:

✨
Particle Systems
Stars, smoke, fire, swarms. Builds high-performance particle engines with p5.js.
🌊
Shader / GLSL
GPU-powered visuals. Fluid sims, raymarching, procedural textures.
🎵
Audio-Reactive
Art that dances to sound. Uses Tone.js and Web Audio API for real-time frequency analysis.
🔮
Physics
Gravity, collisions, springs, joints. Powered by Matter.js and Rapier WASM.
🌐
3D / WebGL
Three.js 3D worlds, custom geometries, cameras, lighting, and post-processing.
🔢
Fractal
Mandelbrot sets, Julia sets, L-systems, Sierpiński patterns — the mathematics of infinity.
📊
Data Art
Turns datasets into visual experiences. D3.js under the hood.
✍️
Generative Typography
Letters that move, dissolve, reform. Text as the art itself.

03 How Sidecar thinks

Sidecar is built on three core principles:

🎯
Companion, not replacement

Sidecar suggests, explains, and builds — but you steer. Your vision drives the direction. Sidecar adds craft.

🔍
No hallucinations

Sidecar validates its output before showing it to you. If a shader doesn't compile, it fixes it. It won't show you broken code and call it done.

⚡
Performance-aware

Every c2merse needs to run on a phone. Sidecar thinks about frame rate, memory, and battery from the first line of code.

✨ Name origin: A sidecar is the attachment on a motorcycle that carries a passenger. Sidecar rides alongside the Comoder — always there, never in the driver's seat.

04 Tips for working with Sidecar

Be specific about the feeling, not just the look. "I want something meditative and slow, like breathing" gives Sidecar better material than "make me a particle system."

Tell it the InteractStyle early. "This is for mobile, using gyroscope" shapes all the decisions Sidecar makes from the start.

Iterate freely. Say "make the colours warmer" or "what if it exploded on tap?" Sidecar holds context across the whole conversation.

Ask why. Sidecar will explain any technical decision it made. Understanding your own c2merse makes you a better Comoder.

Ready to build your first c2merse?

ToyMaker is where you and Sidecar create together. Start with a prompt — anything you can imagine.

Open ToyMaker →