Scroll Pane

Scroll Pane is useful when all of the objects you want to display do not fit in your scene, it displays a cropped section of its inner content area, that can be scrolled.

Scrolling using the mouse wheel and/or Scroll Change function is supported.

Objects from content: of the scroll pane object will be rendered inside of the scroll pane inner area.

## object name, you can set this to anything that is unique
scrollpane1:
  ## object type, in this case scroll pane
  type: scroll_pane
  ## x and y positions relative to the parent
  position: 0 0
  ## the visible part (width and height) of the scroll pane
  size: 128 64 
  ## the inner size (width and height) of scrollable area
  ## (auto automatically picks size that fits the content)
  scroll-inner-size: auto auto

  ## the behavior when the end of the scroll pane is reached (snap, stop)
  ## snap - snaps back to the start when the end is reached, stop - scrolling stops at the end
  scroll-behavior: snap

  ## should scroll pane react to scrolling with mouse
  mouse-scroll: true
  ## should the mouse scrolling be vertical (if false it is horizontal)
  mouse-scroll-vertical: false
  ## how many pixels the scroll pane scrolls by on a mouse scroll
  mouse-scroll-amount: 128
  
  ## the content (objects that should be inside of the scroll area)
  content:
    obj1:
      type: pixel_text
      position: 10 10
      text: 'This text object is inside of the scroll pane!'