Models3D Studio

Visual EditorVortexSeries GT-8 / NJ80 Wireless Mechanical Keyboard

JSON ConfigurationLive Payload

{
    "product_id": 204,
    "model_url": "https://models3d-demo.medhatalkadri.com/wp-content/uploads/models3d-demo/vortexseries_mechanical_keyboard_gt-8__nj80.glb?v=1792629406",
    "camera_settings": {
        "target": [
            0,
            0,
            0
        ],
        "position": [
            0.55,
            0.85,
            0.95
        ],
        "fov": 38,
        "captured": true
    },
    "environment_settings": {
        "preset": "city",
        "intensity": 0.65,
        "light_rig": "3_point",
        "light_azimuth": 135,
        "light_elevation": 35,
        "env_rotation": 90,
        "exposure": 0.9,
        "shadows_enabled": true,
        "auto_rotate": false,
        "auto_rotate_speed": 0.8,
        "background": {
            "type": "linear-gradient",
            "color1": "#0f172a",
            "color2": "#1e293b",
            "angle": "135deg",
            "image_url": "",
            "image_size": "cover"
        }
    },
    "mappings": [
        {
            "attribute_taxonomy": "Case Housing Finish",
            "target_mesh_nodes": [],
            "control_type": "material_property",
            "variations_map": [
                {
                    "term_slug": "stealth-smoke-black",
                    "target_mesh_nodes": [
                        "Case_Top_Frame",
                        "Case_Bottom_Housing"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Case_Top_Frame",
                            "Case_Bottom_Housing",
                            "Case_Badge_Plate",
                            "Case_Trim_Strip",
                            "Case_Feet_Pads"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#242933",
                        "roughness": 0.32,
                        "metalness": 0.2,
                        "camera_settings": {
                            "position": [
                                0.55,
                                0.85,
                                0.95
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "frosted-polycarbonate",
                    "target_mesh_nodes": [
                        "Case_Top_Frame",
                        "Case_Bottom_Housing"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Case_Top_Frame",
                            "Case_Bottom_Housing",
                            "Case_Badge_Plate",
                            "Case_Trim_Strip",
                            "Case_Feet_Pads"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#cbd5e1",
                        "roughness": 0.35,
                        "metalness": 0.1,
                        "camera_settings": {
                            "position": [
                                0.55,
                                0.85,
                                0.95
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "cnc-anodized-navy",
                    "target_mesh_nodes": [
                        "Case_Top_Frame",
                        "Case_Bottom_Housing"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Case_Top_Frame",
                            "Case_Bottom_Housing",
                            "Case_Badge_Plate",
                            "Case_Trim_Strip",
                            "Case_Feet_Pads"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#1e3a8a",
                        "roughness": 0.28,
                        "metalness": 0.7,
                        "camera_settings": {
                            "position": [
                                -0.55,
                                0.85,
                                0.95
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "skeleton-plate-no-top-frame",
                    "target_mesh_nodes": [
                        "Switch_Plate_Metal",
                        "Case_Bottom_Housing"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Switch_Plate_Metal",
                            "Case_Bottom_Housing"
                        ],
                        "hide": [
                            "Case_Top_Frame",
                            "Case_Badge_Plate",
                            "Case_Trim_Strip",
                            "Case_Feet_Pads"
                        ]
                    },
                    "payload": {
                        "camera_settings": {
                            "position": [
                                0.65,
                                0.72,
                                0.88
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                }
            ]
        },
        {
            "attribute_taxonomy": "Accent Keycaps (Space / Esc / Enter)",
            "target_mesh_nodes": [],
            "control_type": "material_property",
            "variations_map": [
                {
                    "term_slug": "industrial-yellow",
                    "target_mesh_nodes": [
                        "Keycap_Spacebar",
                        "Keycap_Enter",
                        "Keycap_Esc",
                        "Keycap_Accent_Left",
                        "Keycap_Accent_Right"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "payload": {
                        "color": "#f59e0b",
                        "roughness": 0.62,
                        "metalness": 0.04,
                        "camera_settings": {
                            "position": [
                                0.25,
                                0.95,
                                0.75
                            ],
                            "target": [
                                0,
                                0.01,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "coral-red-pbt",
                    "target_mesh_nodes": [
                        "Keycap_Spacebar",
                        "Keycap_Enter",
                        "Keycap_Esc",
                        "Keycap_Accent_Left",
                        "Keycap_Accent_Right"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "payload": {
                        "color": "#ef4444",
                        "roughness": 0.62,
                        "metalness": 0.04,
                        "camera_settings": {
                            "position": [
                                0.25,
                                0.95,
                                0.75
                            ],
                            "target": [
                                0,
                                0.01,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "cyber-mint-cyan",
                    "target_mesh_nodes": [
                        "Keycap_Spacebar",
                        "Keycap_Enter",
                        "Keycap_Esc",
                        "Keycap_Accent_Left",
                        "Keycap_Accent_Right"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "payload": {
                        "color": "#06b6d4",
                        "roughness": 0.62,
                        "metalness": 0.04,
                        "camera_settings": {
                            "position": [
                                -0.25,
                                0.95,
                                0.75
                            ],
                            "target": [
                                0,
                                0.01,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "stealth-charcoal",
                    "target_mesh_nodes": [
                        "Keycap_Spacebar",
                        "Keycap_Enter",
                        "Keycap_Esc",
                        "Keycap_Accent_Left",
                        "Keycap_Accent_Right"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "multiple",
                    "payload": {
                        "color": "#475569",
                        "roughness": 0.65,
                        "metalness": 0.05,
                        "camera_settings": {
                            "position": [
                                0.25,
                                0.95,
                                0.75
                            ],
                            "target": [
                                0,
                                0.01,
                                0
                            ]
                        }
                    }
                }
            ]
        },
        {
            "attribute_taxonomy": "Rotary Encoder Knob",
            "target_mesh_nodes": [],
            "control_type": "material_property",
            "variations_map": [
                {
                    "term_slug": "brushed-silver-knob",
                    "target_mesh_nodes": [
                        "Rotary_Volume_Knob"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "single",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Rotary_Volume_Knob"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#cbd5e1",
                        "roughness": 0.2,
                        "metalness": 0.95,
                        "camera_settings": {
                            "position": [
                                0.48,
                                0.72,
                                0.68
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "anodized-gold-knob",
                    "target_mesh_nodes": [
                        "Rotary_Volume_Knob"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "single",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Rotary_Volume_Knob"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#eab308",
                        "roughness": 0.18,
                        "metalness": 0.95,
                        "camera_settings": {
                            "position": [
                                0.48,
                                0.72,
                                0.68
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "crimson-red-knob",
                    "target_mesh_nodes": [
                        "Rotary_Volume_Knob"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "single",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [
                            "Rotary_Volume_Knob"
                        ],
                        "hide": []
                    },
                    "payload": {
                        "color": "#dc2626",
                        "roughness": 0.22,
                        "metalness": 0.9,
                        "camera_settings": {
                            "position": [
                                0.48,
                                0.72,
                                0.68
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                },
                {
                    "term_slug": "keyless-knob-delete",
                    "target_mesh_nodes": [
                        "Rotary_Volume_Knob"
                    ],
                    "control_type": "material_property",
                    "selection_mode": "single",
                    "visibility_rules": {
                        "enabled": true,
                        "show": [],
                        "hide": [
                            "Rotary_Volume_Knob"
                        ]
                    },
                    "payload": {
                        "camera_settings": {
                            "position": [
                                0.48,
                                0.72,
                                0.68
                            ],
                            "target": [
                                0,
                                0,
                                0
                            ]
                        }
                    }
                }
            ]
        }
    ]
}

Warning: Invalid syntax will break the 3D model configuration

v1.1.24