1160 lines
30 KiB
JSON
1160 lines
30 KiB
JSON
{
|
|
"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"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|