{"id":46299,"plugin_id":"plugin_asdk_app_6acd235a70a48191812b3ba9c471b4ac","kind":"skill","collection_source":"plugin_package","comparison_source":null,"observed_at":"2026-10-24T13:29:11.361Z","digest":"9f8518b798019ff8d61d7389354712840af70a0d83f28df4aea83e481c6596e4","against":null,"payload":{"description":"The complete worked example for the games skill: a drive-&-collect game end to end — the run_code scene call and the full HTML game document (start gate, input, fixed-timestep loop, chase camera with exact aim math, JS collisions, HUD, restart-from-snapshots, sound hooks). Load it when building a NEW game or game-like scene; edits to an existing game usually only need the games skill itself.","included_files":[],"name":"spline-3d-game-example","skill_md_contents":"---\nname: spline-3d-game-example\ndescription: \"The complete worked example for the games skill: a drive-&-collect game end to end — the run_code scene call and the full HTML game document (start gate, input, fixed-timestep loop, chase camera with exact aim math, JS collisions, HUD, restart-from-snapshots, sound hooks). Load it when building a NEW game or game-like scene; edits to an existing game usually only need the games skill itself.\"\n---\n\n# Games — worked example (drive & collect)\n\nThis is the reference implementation of the `games` skill's rules — load\nthat skill first; every contract it states is instantiated here.\n\n## Worked example — drive & collect\n\nScene (one run_code call):\n\n```\nmesh('Plane', { width: 9000, height: 9000 });\nrotation({ x: -90 }); position({ y: 0 }); color('#8fbf6f'); rename('Ground');\n\n// player car — placeholder box. When the generated hero lands, run the\n// swap procedure above: scale/wrap/yaw-fix the mesh, remove() THIS\n// object, give the wrapper this exact name, wheels at group-local y = 0.\nmesh('Cube', { width: 180, height: 90, depth: 340 });\nposition({ x: 0, y: 60, z: 0 }); color('#e0552b'); rename('Player');\n\nfor (let i = 0; i < 6; i++) {\n const a = (i / 6) * Math.PI * 2;\n mesh('Cylinder', { radius: 60, height: 16 });\n position({ x: Math.cos(a) * 1600, y: 90, z: Math.sin(a) * 1600 });\n rotation({ x: 90 }); color('#f2c14e'); rename('Coin ' + (i + 1));\n}\n\n// chase camera at the ROOT (never grouped), aimed like the game loop aims it\nconst cam = add('PerspectiveCamera');\nrename('ChaseCam'); position({ x: 0, y: 320, z: -720 }); // behind & above\nrotation({ x: 12, y: 180 }); // ≡ aimEuler(0, -12): along +Z, tilted down 12°\nsetPlayCamera(cam);\nplayControls('none'); // game code drives the camera — no play orbit controls\n\n// size matches the ground span — the default 2000 shadow footprint would\n// cut shadows off a quarter of the way across this 9000-unit play area\nlight('Directional', { intensity: 0.9, size: 9000 });\ntranslate({ x: 500, y: 900, z: 400 });\nbackground('#bfd9ee');\n```\n\nThe complete game document (set_html_content):\n\n```html\n\n\n\n\n\n\n\n
\n Coins: 0/6 · 0 km/h\n
\n
\n
Coin Chase
\n
W/↑ throttle · S/↓ brake · A D/← → steer · R restart
\n \n
\n
\n
Paused
\n \n
\n
\n
You win!
\n \n
\n\n\n\n```\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}