drag to orbit · tap the ground to send it
Vehicle · Rolls with distance
Hatchback
A 4 m compact hatchback with a steep tailgate, three or five doors. Wheels spin with distance driven, the front doors are hinged (door_L, door_R), head and tail lights glow at night.
- Size
- 2.0 × 1.5 × 4.2 m
- Triangles
- 952
Tune it
4 knobs: Paint, Doors, Sport trim, Roof box.
Specs
- Size
- 2.0 × 1.5 × 4.2 m width × height × depth
- Triangles
- 952 of 6,000
- Draw calls
- 1 one vertex-colour material
- Loop clip
- 1.948 m of travel per cycle
- Moving parts
- 6 wheel_0 · spin, wheel_1 · spin, wheel_2 · spin, wheel_3 · spin, door_L · rotate, door_R · rotate
- Knobs
- 4 3 presets
- Night lights
- 2 headlight, taillight
Passed the validator: real scale, rests on y = 0, front faces +Z, deterministic.
Use it
Code for the specimen as it is set up above; it follows your knobs.
import { createAsset } from 'https://gaitkit.com/cdn/hatchback.mjs';
const hatchback = createAsset();
scene.add(hatchback); // rests on y = 0, front faces +Z
let dist = 0;
renderer.setAnimationLoop(() => {
dist += speed * clock.getDelta();
hatchback.position.z = dist;
hatchback.userData.tick(dist); // wheels roll exactly with the distance
renderer.render(scene, camera);
});import { useMemo, useRef } from 'react';
import { useFrame } from '@react-three/fiber';
import { createAsset } from 'https://gaitkit.com/cdn/hatchback.mjs';
export function Hatchback({ speed = 1 }) {
const model = useMemo(() => createAsset(), []);
const dist = useRef(0);
useFrame((_, dt) => {
dist.current += speed * dt;
model.position.z = dist.current;
model.userData.tick(dist.current); // wheels roll exactly with the distance
});
return <primitive object={model} />;
}# Import hatchback.glb (download below). It carries an in-place "Loop" animation.
@onready var anim: AnimationPlayer = $Hatchback/AnimationPlayer
func _physics_process(delta):
velocity = transform.basis.z * speed
move_and_slide()
anim.play("Loop")
anim.speed_scale = speed / 1.948 # one Loop = 1.948 m of travel// Import hatchback.glb with glTFast (com.unity.cloud.gltfast).
animator.Play("Loop");
animator.speed = speed / 1.948 // one Loop = 1.948 m of travelUse the gaitkit MCP server: get_variant({ "id": "hatchback", "want": "default look" })
then place the result and drive it with userData.tick(distance).
# MCP endpoint
https://gaitkit.com/mcpKnobs
| Knob | Type | Values | Default | What it does |
|---|---|---|---|---|
paint | choice | tomato ocean sage graphite lemon pearl | tomato | Body colour: tomato (red), ocean (blue), sage (soft green), graphite (dark grey), lemon (yellow), pearl (off-white). |
doors | choice | 5-door 3-door | 5-door | 5-door (family hatch, four side doors) or 3-door (long coupe-like doors, sportier side window). |
sport | toggle | on / off | false | Hot-hatch kit: roof spoiler, side skirts, dark rims, twin exhausts and a slightly lower stance. |
roofBox | toggle | on / off | false | Roof bars with a long luggage box on top, for holiday trips. |
Presets: hot hatch {"paint":"lemon","doors":"3-door","sport":true} · holiday run {"paint":"sage","roofBox":true} · city runabout {"paint":"pearl"}
Files
| File | What |
|---|---|
| hatchback.glb | GLB, default look · 133 KB |
| hatchback.mjs | ES module, every knob live |
| hatchback.obj | OBJ, static, no colour |
| hatchback-params.json | knob schema, presets, night zones |
Licence
Use it in games, apps, renders and client work, commercially and without credit. Do not resell it as an asset or train a 3D generator on it. The full licence.