bedrock-samples/resource_pack/ui/panorama_screen.json

{
  "namespace": "panorama",

  // This is what is referenced in the mashup screen
  "panorama_view": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "$cycle_pack_button_factory_collection_details": "$store_factory_collection_details",
    "$cycle_pack_button_factory_collection_prefix": "$store_factory_collection_prefix",
    "$cycle_pack_button_factory_collection_name": "$store_factory_collection_name",

    "$ignore_cycle_buttons": false,

    "controls": [
      { "pan_left@panorama.pan_left_button": {} },
      { "screenshot@panorama.panorama_input_panel": {} },
      { "pan_right@panorama.pan_right_button": {} }
    ]
  },

  "panorama_input_panel": {
    "type": "input_panel",
    "size": [ "100% - 38px", "100%" ],
    "layer": 2,
    "gesture_tracking_button": "button.scroll_map",
    "focus_enabled": true,
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.scroll_map",
        "mapping_type": "pressed",
        "button_up_right_of_first_refusal": true
      },
      {
        "from_button_id": "button.menu_tab_left",
        "to_button_id": "button.pan_left",
        "mapping_type": "focused"
      },
      {
        "from_button_id": "button.menu_tab_right",
        "to_button_id": "button.pan_right",
        "mapping_type": "focused"
      }
    ],
    "bindings": [
      {
        "binding_type": "$store_factory_collection_details",
        "binding_collection_name": "$store_factory_collection_name",
        "binding_collection_prefix": "$store_factory_collection_prefix"
      }
    ],
    "controls": [
      {
        "image_border@common.square_image_border_white": {
          "color": [ 0, 0, 0 ],
          "layer": 4,
          "controls": [
            {
              "panorama_key_art": {
                "type": "custom",
                "renderer": "panorama_renderer",
                "rotation": "gesture_x",
                "size": [ "100% - 2px", "100% - 2px" ],
                "bilinear": true,
                "bindings": [
                  {
                    "binding_type": "$store_factory_binding_type",
                    "binding_collection_name": "$store_factory_collection_name",
                    "binding_name": "#panorama_texture",
                    "binding_name_override": "#texture"
                  },
                  {
                    "binding_type": "$store_factory_binding_type",
                    "binding_collection_name": "$store_factory_collection_name",
                    "binding_name": "#panorama_texture_file_system",
                    "binding_name_override": "#texture_file_system"
                  },
                  {
                    "binding_type": "$store_factory_binding_type",
                    "binding_collection_name": "$store_factory_collection_name",
                    "binding_name": "#panorama_view"
                  },
                  {
                    "binding_type": "view",
                    "source_control_name": "screenshot",
                    "source_property_name": "#gesture_mouse_delta_x",
                    "target_property_name": "#gesture_mouse_delta_x"
                  }
                ]
              }
            },
            {
              "progress_loading@common_store.progress_loading": {
                "layer": 2,
                "$source_control_name": "panorama_key_art",
                "$source_property_name": "(#texture = '')"
              }
            }
          ]
        }
      }
    ]
  },

  "pan_left_button@common_store.cycle_pack_left_button": {
    "size": [ 20, "100%" ],
    "layer": 3,
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "$chevron_image_name": "textures/ui/chevron_left",
    "$pressed_button_name": "button.pan_left",
    "$cycle_pack_button_name_right": "button.pan_right",
    "$cycle_pack_button_name_left": "button.pan_left",
    "$cycle_pack_button_up_right_refusal": true,
    "$gamepad_helper_icon_size": [ 15, 15 ],

    "$cycle_pack_enabled_source_control_name": "panorama_key_art",
    "$cycle_pack_enabled_source_property_name": "#can_scroll_left",
    "$cycle_pack_enabled_use_sibling_scope": true
  },

  "pan_right_button@common_store.cycle_pack_right_button": {
    "size": [ 20, "100%" ],
    "layer": 3,
    "anchor_from": "top_right",
    "anchor_to": "top_right",
    "$chevron_image_name": "textures/ui/chevron_right",
    "$pressed_button_name": "button.pan_right",
    "$cycle_pack_button_name_right": "button.pan_right",
    "$cycle_pack_button_name_left": "button.pan_left",
    "$cycle_pack_button_up_right_refusal": true,
    "$gamepad_helper_icon_size": [ 15, 15 ],

    "$cycle_pack_enabled_source_control_name": "panorama_key_art",
    "$cycle_pack_enabled_source_property_name": "#can_scroll_right",
    "$cycle_pack_enabled_use_sibling_scope": true
  }
}