Project Detail
Gaming Console Vector Animation
Create a gaming console
Versions
Generation History
Version 1
Success
2026-06-06 18:07:35
AI Blueprint
Motion Plan
{
"mode": "ai_vector_scene_graph",
"title": "Gaming Console Vector Animation",
"subject": "Gaming Console",
"scene_intent": "Showcase a modern gaming console with detailed parts and subtle floating animation to emphasize design and technology.",
"prompt": "Create a gaming console",
"canvas": {
"width": 1200,
"height": 800,
"fps": 30,
"duration_seconds": 6
},
"style": {
"background": "#050B0A",
"primary": "#1D4ED8",
"secondary": "#111827",
"accent": "#22D3EE",
"text": "#FFFFFF"
},
"groups": [
{
"id": "main_subject",
"name": "Gaming Console",
"x": 600,
"y": 400,
"anchor_x": 0.5,
"anchor_y": 0.5,
"rotation": 0,
"scale": 1,
"opacity": 1,
"z_index": 10
},
{
"id": "particles",
"name": "Particles",
"x": 600,
"y": 400,
"anchor_x": 0.5,
"anchor_y": 0.5,
"rotation": 0,
"scale": 1,
"opacity": 0.7,
"z_index": 15
},
{
"id": "environment",
"name": "Environment",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": -20
}
],
"objects": [
{
"id": "console_shadow",
"group_id": "main_subject",
"name": "Console Shadow",
"type": "rounded_rect",
"role": "shadow",
"x": 410,
"y": 510,
"width": 380,
"height": 30,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 0.5,
"z_index": 5
},
{
"id": "controller_shadow",
"group_id": "main_subject",
"name": "Controller Shadow",
"type": "rounded_rect",
"role": "shadow",
"x": 470,
"y": 660,
"width": 260,
"height": 30,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 0.5,
"z_index": 5
},
{
"id": "console_body",
"group_id": "main_subject",
"name": "Console Body",
"type": "rounded_rect",
"role": "main_body",
"x": 400,
"y": 300,
"width": 400,
"height": 200,
"radius": 40,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "secondary",
"stroke_width": 3,
"opacity": 90,
"z_index": 10
},
{
"id": "controller_body",
"group_id": "main_subject",
"name": "Controller Body",
"type": "rounded_rect",
"role": "main_body",
"x": 460,
"y": 520,
"width": 280,
"height": 140,
"radius": 50,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "secondary",
"stroke_width": 3,
"opacity": 90,
"z_index": 10
},
{
"id": "vent_left",
"group_id": "main_subject",
"name": "Left Vent",
"type": "rect",
"role": "detail",
"x": 430,
"y": 320,
"width": 40,
"height": 100,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 11
},
{
"id": "vent_right",
"group_id": "main_subject",
"name": "Right Vent",
"type": "rect",
"role": "detail",
"x": 730,
"y": 320,
"width": 40,
"height": 100,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 11
},
{
"id": "controller_left_grip",
"group_id": "main_subject",
"name": "Left Grip",
"type": "ellipse",
"role": "detail",
"x": 480,
"y": 590,
"width": 60,
"height": 100,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 11
},
{
"id": "controller_right_grip",
"group_id": "main_subject",
"name": "Right Grip",
"type": "ellipse",
"role": "detail",
"x": 700,
"y": 590,
"width": 60,
"height": 100,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 11
},
{
"id": "top_panel",
"group_id": "main_subject",
"name": "Top Panel",
"type": "rounded_rect",
"role": "panel",
"x": 420,
"y": 310,
"width": 360,
"height": 140,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "secondary",
"stroke_width": 3,
"opacity": 90,
"z_index": 12
},
{
"id": "vent_left_lines_1",
"group_id": "main_subject",
"name": "Left Vent Line 1",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
440,
330
],
[
460,
330
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "vent_left_lines_2",
"group_id": "main_subject",
"name": "Left Vent Line 2",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
440,
350
],
[
460,
350
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "vent_left_lines_3",
"group_id": "main_subject",
"name": "Left Vent Line 3",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
440,
370
],
[
460,
370
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "vent_right_lines_1",
"group_id": "main_subject",
"name": "Right Vent Line 1",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
740,
330
],
[
760,
330
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "vent_right_lines_2",
"group_id": "main_subject",
"name": "Right Vent Line 2",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
740,
350
],
[
760,
350
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "vent_right_lines_3",
"group_id": "main_subject",
"name": "Right Vent Line 3",
"type": "line",
"role": "detail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
740,
370
],
[
760,
370
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 3,
"opacity": 58,
"z_index": 12
},
{
"id": "screen_glow",
"group_id": "main_subject",
"name": "Screen Glow",
"type": "ring",
"role": "glow",
"x": 600,
"y": 390,
"width": 260,
"height": 140,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 8,
"opacity": 58,
"z_index": 12
},
{
"id": "controller_buttons",
"group_id": "main_subject",
"name": "Controller Buttons",
"type": "circle",
"role": "button",
"x": 680,
"y": 570,
"width": 0,
"height": 0,
"radius": 12,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 12
},
{
"id": "controller_buttons_2",
"group_id": "main_subject",
"name": "Controller Buttons 2",
"type": "circle",
"role": "button",
"x": 700,
"y": 590,
"width": 0,
"height": 0,
"radius": 12,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 12
},
{
"id": "controller_buttons_3",
"group_id": "main_subject",
"name": "Controller Buttons 3",
"type": "circle",
"role": "button",
"x": 660,
"y": 590,
"width": 0,
"height": 0,
"radius": 12,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 12
},
{
"id": "controller_joystick_left",
"group_id": "main_subject",
"name": "Left Joystick",
"type": "circle",
"role": "button",
"x": 520,
"y": 590,
"width": 0,
"height": 0,
"radius": 20,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 12
},
{
"id": "power_button",
"group_id": "main_subject",
"name": "Power Button",
"type": "circle",
"role": "button",
"x": 770,
"y": 350,
"width": 0,
"height": 0,
"radius": 15,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 13
},
{
"id": "screen",
"group_id": "main_subject",
"name": "Screen",
"type": "rounded_rect",
"role": "screen",
"x": 480,
"y": 330,
"width": 240,
"height": 120,
"radius": 20,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "secondary",
"stroke_width": 3,
"opacity": 90,
"z_index": 13
},
{
"id": "controller_joystick_left_top",
"group_id": "main_subject",
"name": "Left Joystick Top",
"type": "circle",
"role": "highlight",
"x": 520,
"y": 585,
"width": 0,
"height": 0,
"radius": 8,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 13
},
{
"id": "power_button_highlight",
"group_id": "main_subject",
"name": "Power Button Highlight",
"type": "circle",
"role": "highlight",
"x": 765,
"y": 345,
"width": 0,
"height": 0,
"radius": 6,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "text",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 90,
"z_index": 14
}
],
"timeline": [
{
"target_group_id": "main_subject",
"animation": "float_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 3,
"loop": true
},
{
"target_group_id": "particles",
"animation": "pulse_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.5,
"loop": true
}
],
"_model_used": "gpt-4.1-mini",
"_raw_response_id": "resp_0575ee28ced83d0b006a2461cafb68819f92433d5f32060780",
"_tokens_used": 3993,
"_prompt_tokens": 1671,
"_completion_tokens": 2322,
"transparent_background": false
}
Rendered Project
Ready
Live Lottie Preview
Loading preview
The saved JSON animation will render here.