{ "namespace": "skin_picker", //-------------------------------------------------------------------------------- // Common Controls //-------------------------------------------------------------------------------- "banner_fill": { "type": "image", "texture": "gui/newgui/Banners.png", "uv": [ 0, 0 ], "uv_size": [ 4, 4 ], "nineslice_size": 1 }, "title_label": { "type": "label", "size": [ "100%", "14px" ], "anchor_from": "top_left", "anchor_to": "top_left", "alignment": "center", "color": [ 0.3, 0.3, 0.3 ] }, "label": { "type": "label", "anchor_from": "center", "anchor_to": "center", "offset": [ 0, 0 ], "color": "white", "wrap": true }, "button_image": { "$button_text|default": "", "$button_text_offset|default": [ 0, 0 ], "type": "image", "nineslice_size": 2, "uv": [ 0, 0 ], "uv_size": [ 6, 6 ], "controls": [ { "button_label": { "type": "label", "layer": 6, "size": [ "100%", "100%" ], "anchor_from": "center", "anchor_to": "center", "color": [ 0.3, 0.3, 0.3 ], "offset": "$button_text_offset", "text": "$button_text" } } ] }, "chevron_button_image@button_image": { "controls": [ { "chevron_image": { "type": "image", "layer": 2, "uv": [ 0, 0 ], "uv_size": [ 4, 7 ], "size": [ 4, 7 ], "offset": "$chevron_offset", "texture": "$chevron_image_name" } } ] }, "undo_image": { "type": "image", "texture": "gui/newgui/undoArrow.png", "uv": [ 0, 0 ], "uv_size": [ 16, 16 ], "color": [ 0.3, 0.3, 0.3 ], "size": [ 16, 16 ], "offset": [ 0, 1 ], "layer": 10 }, "cycle_pack_button@common.button": { "controls": [ { "default@chevron_button_image": { "texture": "gui/newgui/ButtonWithBorder.png" } }, { "hover@chevron_button_image": { "texture": "gui/newgui/ButtonWithBorderHover.png" } }, { "pressed@chevron_button_image": { "texture": "gui/newgui/ButtonWithBorderPressed.png", "$chevron_offset": [ 0, 1 ] } } ] }, "cycle_pack_left_button@cycle_pack_button": { "anchor_from": "bottom_left", "anchor_to": "bottom_left", "$chevron_image_name": "gui/newgui/chevron_left.png", "$chevron_offset": [ 0, 0 ], "$pressed_button_name": "button.cycle_pack_left" }, "cycle_pack_right_button@cycle_pack_button": { "anchor_from": "bottom_right", "anchor_to": "bottom_right", "$chevron_image_name": "gui/newgui/chevron_right.png", "$chevron_offset": [ 0, 0 ], "$pressed_button_name": "button.cycle_pack_right" }, "skin_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "layer": 3, "hover_control": "hover", "pressed_control": "pressed", "$highlight_size|default": [ "100% - 1px", "100% - 2px" ], "controls": [ { "hover@common.focus_border_white": { "size": "$highlight_size" } }, { "pressed@common.focus_border_white": { "size": "$highlight_size" } } ] }, //-------------------------------------------------------------------------------- // Preview Skin Panel //-------------------------------------------------------------------------------- "skin_viewer_panel": { "type": "input_panel", "layer": 3, "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 0, 14 ], "gesture_tracking_button": "button.turn_doll", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.turn_doll", "mapping_type": "pressed", "button_up_right_of_first_refusal": true } ], "controls": [ { "custom_skin_button@common.button": { "$pressed_button_name": "button.choose_custom_skin", "$button_text": "skins.picker.custom.button", "anchor_from": "top_middle", "offset": [ 0, "12%" ], "bindings": [ { "binding_name": "#show_reload_custom_skin_button", "binding_name_override": "#visible" } ], "controls": [ { "default@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorder.png" } }, { "hover@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderHover.png" } }, { "pressed@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderPressed.png" } } ] } }, { "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "size": [ "6% - 1px", "100%" ], "offset": [ 0, -30 ], "layer": 2, "use_selected_skin": false, "use_skin_gui_scale": true, "rotation": "gesture_x", "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "bindings": [ { "binding_type": "global", "binding_name": "#preview_skin" }, { "binding_type": "view", "source_control_name": "preview", "source_property_name": "#gesture_mouse_delta_x", "target_property_name": "#gesture_mouse_delta_x" } ] } }, { "lock@skin_lock": { "size": [ 16, 16 ], "offset": [ -48, -6 ], "bindings": [ { "binding_name": "#show_preview_skin_lock", "binding_name_override": "#visible" } ] } } ] }, "undo_skin_button@common.button": { "$pressed_button_name": "button.undo_skin", "size": [ "37px", "100% - 4px" ], "offset": [ 0, 0 ], "controls": [ { "default@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorder.png", "controls": [ { "overlay@skin_picker.undo_image": { } } ] } }, { "hover@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderHover.png", "controls": [ { "overlay@skin_picker.undo_image": { } } ] } }, { "pressed@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderPressed.png", "controls": [ { "overlay@skin_picker.undo_image": { "offset": [ 0, 1 ] } } ] } } ] }, "accept_skin_button@common.button": { "$pressed_button_name": "button.accept_skin", "$button_text": "skins.picker.accept.button", "size": [ "100% - 45px", "100% - 4px" ], "offset": [ 0, 0 ], "controls": [ { "default@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorder.png" } }, { "hover@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderHover.png" } }, { "pressed@skin_picker.button_image": { "texture": "gui/newgui/ButtonWithBorderPressed.png", "$button_text_offset": [ 0, 1 ] } } ] }, "stack_item": { "type": "panel" }, "accept_skin_panel": { "type": "stack_panel", "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "orientation": "horizontal", "offset": [ 0, 0 ], "controls": [ { "@stack_item": { "size": [ "25% - 2px", "100% - 2px" ], "controls": [ { "undo_btn@undo_skin_button": { "size": [ "100%", "100%" ], "offset": [ 2, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle" } } ] } }, { "@stack_item": { "size": [ "75% - 1px", "100% - 2px" ], "controls": [ { "accept_button@accept_skin_button": { "size": [ "100%", "100%" ], "offset": [ 1, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle" } } ] } } ] }, "preview_skin_panel": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ "60% + 5px", 0 ], "size": [ "40% - 8px", "100% - 2px" ], "controls": [ { "preview_skin_name@title_label": { "layer": 2, "size": [ "85%", "14px" ], "clip": true, "text": "#skin_name", "anchor_from": "top_middle", "anchor_to": "top_middle", "bindings": [ { "binding_type": "global", "binding_name": "#skin_name" } ] } }, { "preview@skin_viewer_panel": { "size": [ "100%", "100% - 52px" ] } }, { "accept@accept_skin_panel": { "size": [ "100%", 38 ] } } ] }, //-------------------------------------------------------------------------------- // Change Skins Panel //-------------------------------------------------------------------------------- "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "layer": 5, "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "size": [ 3.2, "100%" ], "offset": [ 0, -9 ], "use_selected_skin": false, "enable_scissor_test": true, "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_collection_name": "premium_skins_collection", "binding_name": "#skin_index" } ] }, "premium_skin_button@skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_skins_collection", "binding_collection_prefix": "skins" }, { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_premium_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_premium_skin", "mapping_type": "pressed" }, { "to_button_id": "button.premium_skin_unhovered", "mapping_type": "pressed" }, { "to_button_id": "button.premium_skin_hovered", "mapping_type": "pressed" } ] }, "skin_lock": { "type": "image", "layer": 6, "anchor_from": "bottom_right", "anchor_to": "bottom_right", "uv": [ 0, 0 ], "uv_size": [ 8, 8 ], "size": [ 8, 8 ], "offset": [ -4, -3.5 ], "texture": "gui/newgui/lock.png", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_name": "#skin_lock_visible", "binding_name_override": "#visible", "binding_collection_name": "premium_skins_collection" } ] }, "pack_lock": { "type": "panel", "controls": [ { "locked": { "type": "image", "anchor_from": "top_left", "anchor_to": "top_left", "uv": [ 0, 0 ], "uv_size": [ 8, 8 ], "size": [ 12, 12 ], "offset": [ 8, -1 ], "texture": "gui/newgui/lock.png", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_locked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } }, { "unlocked": { "type": "image", "anchor_from": "top_left", "anchor_to": "top_left", "uv": [ 0, 0 ], "uv_size": [ 10, 8 ], "size": [ 14, 11 ], "offset": [ 4, -2.5 ], "texture": "gui/newgui/unLock.png", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_unlocked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } } ] }, "skins_grid_item": { "type": "panel", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2.0 ], "clips_children": true, "controls": [ { "model@skin_model": { } } ] } }, { "lock@skin_lock": { } }, { "button@premium_skin_button": { } } ] }, "skins_grid": { "type": "grid", "size": [ "80%", "100%" ], "offset": [ "10%", 0 ], "anchor_from": "bottom_left", "anchor_to": "bottom_left", "grid_item_template": "skin_picker.skins_grid_item", "grid_dimension_binding": "#premium_skins_grid_dimensions", "collection_name": "premium_skins_collection", "bindings": [ { "binding_name": "#premium_skins_grid_dimensions" } ] }, "pack_name": { "type": "label", "layer": 2, "anchor_from": "top_left", "anchor_to": "top_left", "alignment": "top_left", "color": [ 1.0, 1.0, 1.0 ], "text": "#pack_name", "bindings": [ { "binding_type": "collection", "binding_collection_name": "premium_packs_collection", "binding_name": "#pack_name" } ] }, "pack_grid_item": { "type": "panel", "size": [ "100%", 85 ], "offset": [ 2, 1 ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "@pack_lock": { } }, { "@pack_name": { "size": [ "100%", "10%" ], "offset": [ 22, 2 ] } }, { "bg@banner_fill": { "size": [ "100% - 4px", "100% - 13px" ], "offset": [ 0, 4.5 ], "controls": [ { "left@cycle_pack_left_button": { "size": [ "10%", "100%" ], "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#cycle_pack_left_button_visible", "binding_name_override": "#visible" } ] } }, { "sg@skins_grid": { } }, { "right@cycle_pack_right_button": { "size": [ "10%", "100%" ], "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#cycle_pack_left_button_visible", "binding_name_override": "#visible" } ] } } ] } } ] }, "premium_packs_grid": { "type": "grid", "anchor_from": "top_left", "anchor_to": "top_left", "grid_item_template": "skin_picker.pack_grid_item", "grid_dimension_binding": "#premium_packs_grid_dimensions", "collection_name": "premium_packs_collection", "bindings": [ { "binding_name": "#premium_packs_grid_dimensions" } ] }, //-------------------------------------------------------------------------------- // Recent and Default Skins //-------------------------------------------------------------------------------- "standard_skin_button@skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "$collection" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$button_id", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "$button_id", "mapping_type": "pressed" } ] }, // // Default Skins Grid // "default_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "default_skins_collection", "binding_name": "#skin_index" } ] } }, { "button@standard_skin_button": { "$collection": "default_skins_collection", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_default_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_default_skin", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" }, { "to_button_id": "button.default_skin_hovered", "mapping_type": "pressed" } ] } } ] }, "default_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.default_skins_grid_item", "grid_dimension_binding": "#default_skins_grid_dimensions", "collection_name": "default_skins_collection", "bindings": [ { "binding_name": "#default_skins_grid_dimensions" } ] }, // // Recent Skins Grid // "recent_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2.0 ], "clips_children": true, "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "recent_skins_collection", "binding_name": "#skin_index" } ] } } ] } }, { "button@standard_skin_button": { "$collection": "recent_skins_collection", "$highlight_size": [ 38, "100% - 2px" ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_recent_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_recent_skin", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" }, { "to_button_id": "button.recent_skin_hovered", "mapping_type": "pressed" } ] } } ] }, "recent_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.recent_skins_grid_item", "grid_dimension_binding": "#recent_skins_grid_dimensions", "collection_name": "recent_skins_collection", "bindings": [ { "binding_name": "#recent_skins_grid_dimensions" } ] }, "standard_frame": { "type": "panel", "size": [ "50% - 1px", "100%" ], "offset": [ 0, -2 ] }, "standard_frame_label@label": { "anchor_from": "top_middle", "anchor_to": "top_middle", "alignment": "top_left", "size": [ "100%", 10 ], "offset": [ 1, -9 ], "layer": 3 }, "standard_panel": { "type": "panel", "size": [ "100%", "100%" ], "controls": [ { "default_skins@standard_frame": { "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "@banner_fill": { "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100% - 2px", 70 ], "offset": [ 2, 0 ], "controls": [ { "@standard_frame_label": { "text": "skins.picker.default" } }, { "@default_skins_grid": { } } ] } } ] } }, { "recent_skins@standard_frame": { "anchor_from": "top_right", "anchor_to": "top_right", "controls": [ { "@banner_fill": { "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100% - 2px", 70 ], "offset": [ 0, 0 ], "controls": [ { "@standard_frame_label": { "text": "skins.picker.recent" } }, { "@recent_skins_grid": { } } ] } } ] } } ] }, //-------------------------------------------------------------------------------- // Scrolling Skins Panel //-------------------------------------------------------------------------------- "scrolling_content_stack": { "type": "stack_panel", "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "@standard_panel": { "size": [ "100%", 83 ] } }, { "@premium_packs_grid": { "size": [ "100%", "default" ] } } ] }, "all_skins_content": { "type": "input_panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 3, 18 ], "size": [ "100% - 3px", "100% - 20px" ], "controls": [ { "scrolling_frame": { "type": "panel", "controls": [ { "change_skin_scroll@common.scrolling_panel": { "$scrolling_pane_size": [ "100%", "100%" ], "$scroll_box_size": [ "5px", "100% - 4px" ], "$scroll_box_offset": [ "-1px", "2px" ], "$scroll_track_size": [ "3px", "100% - 4px" ], "$scroll_track_offset": [ "-2px", "2px" ], "$scrolling_content": "skin_picker.scrolling_content_stack", "$show_background": false, "$bar_visible": false } } ] } } ] }, "all_skins_frame": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "60%", "100%" ], "offset": [ 0, 0 ], "controls": [ { "change_skin_title@title_label": { "text": "skins.picker.title" } }, { "@all_skins_content": { } } ] }, //-------------------------------------------------------------------------------- // Popup Dialog //-------------------------------------------------------------------------------- "popup_dialog_skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "size": [ 4, "100%" ], "offset": [ 0, -5 ], "use_selected_skin": false }, "popup_dialog_choose_skin_type_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "sound_name": "random.click", "sound_volume": 1.0, "sound_pitch": 1.0, "hover_control": "hover", "pressed_control": "pressed", "size": [ "80%", "80%" ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "offset": [ 0, -2 ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$pressed_button_name", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "$pressed_button_name", "mapping_type": "focused" } ], "controls": [ { "hover@common.focus_border_white": { } }, { "pressed@common.focus_border_white": { } } ] }, "popup_dialog_choose_skin_type_panel": { "type": "panel", "controls": [ { "model@skin_picker.popup_dialog_skin_model": { "bindings": [ { "binding_name": "$button_model_type" } ] } }, { "button_highlight@popup_dialog_choose_skin_type_button": { } } ] }, "popup_dialog__invalid_custom_skin@popup_dialog.popup_dialog": { "$middle_button_press": "button.close_dialog", "$message_text": "skins.information.invalidCustomSkin", "$middle_button_text": "gui.ok", "controls": [ { "@popup_dialog.popup_dialog_bg": { } }, { "@popup_dialog.popup_dialog_message": { } }, { "@popup_dialog.popup_dialog_middle_button": { } } ] }, "popup_dialog__upsell_without_store@popup_dialog__invalid_custom_skin": { "$message_text": "skins.information.upsellWithoutStore" }, "popup_dialog__choose_skin_type@popup_dialog.popup_dialog": { "$message_text": "skins.information.selectSkin", "controls": [ { "@popup_dialog.popup_dialog_bg": { } }, { "@popup_dialog.popup_dialog_message": { } }, { "left@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_skinny", "$button_model_type": "#skinny_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_left", "anchor_to": "bottom_left" } }, { "right@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_fat", "$button_model_type": "#fat_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_middle", "anchor_to": "bottom_left" } } ] }, //-------------------------------------------------------------------------------- // Root Controls //-------------------------------------------------------------------------------- "content": { "type": "panel", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ "100% - 10px", "100% - 11px" ], "offset": [ 0, 5 ], "controls": [ { "all_skins@all_skins_frame": { } }, { "preview_skin@preview_skin_panel": { } } ] }, "skin_picker_screen@common.base_screen": { "button_mappings": [ { "from_button_id": "button.menu_cancel", "to_button_id": "button.menu_exit", "mapping_type": "global" }, { "from_button_id": "button.menu_up", "to_button_id": "button.menu_up", "mapping_type": "global", "scope": "view" }, { "from_button_id": "button.menu_down", "to_button_id": "button.menu_down", "mapping_type": "global", "scope": "view" }, { "from_button_id": "button.menu_left", "to_button_id": "button.menu_left", "mapping_type": "global", "scope": "view" }, { "from_button_id": "button.menu_right", "to_button_id": "button.menu_right", "mapping_type": "global", "scope": "view" } ], "$default_text_color": [ 0.3, 0.3, 0.3 ], "$screen_content": "skin_picker.skin_picker_screen_content" }, "skin_picker_screen_content": { "type": "panel", "controls": [ { "bg@common.common_panel": { "size": "$16_9_wide_screen_size", "$dialog_background": "dialog_background_hollow_3", "$show_divider": true, "$show_close_button": true, "$divider_offset": [ "60% - 1px", "22px" ] } }, { "container": { "type": "panel", "size": "$16_9_wide_screen_size", "layer": 1, "controls": [ { "@skin_picker.content": { } } ] } }, { "popup_dialog_factory": { "type": "factory", "control_ids": { "invalid_custom_skin": "@skin_picker.popup_dialog__invalid_custom_skin", "choose_skin_type": "@skin_picker.popup_dialog__choose_skin_type", "upsell_without_store": "@skin_picker.popup_dialog__upsell_without_store" } } } ] } }