paneltruck-0.2-screenplay.json

{
  "metadata": {
    "author": "Garrett Dash Nelson",
    "title": "Narrating maps and images with panel-truck",
    "subtitle": "An interactive tool from the Leventhal Map & Education Center",
    "publishedDate": "2021-02-12"
  },
  "sources": [
    {
      "id": "1",
      "type": "iiifManifest",
      "manifest": "https://www.digitalcommonwealth.org/search/commonwealth:6969z354f/manifest.json",
      "moreInfo": "https://collections.leventhalmap.org/search/commonwealth:6969z354f"
    },
    {
      "id": "2",
      "type": "iiifManifest",
      "manifest": "https://www.digitalcommonwealth.org/search/commonwealth:6969z354f/manifest.json",
      "sequence": 0,
      "canvas": 1,
      "image": 0,
      "moreInfo": "https://collections.leventhalmap.org/search/commonwealth:6969z354f"
    },
    {
      "id": "3",
      "type": "iiifImage",
      "imageEndpoint": "https://digital.library.unt.edu/iiif/ark:/67531/metadc891/m1/1/info.json",
      "moreInfo": "https://digital.library.unt.edu/ark:/67531/metadc891/m1/1/"
    },
    {
      "id": "4",
      "type": "staticImage",
      "imageFile": "https://img1.grunge.com/img/gallery/the-worst-things-captain-picard-has-ever-done/intro-1570819077.jpg",
      "moreInfo": "https://en.wikipedia.org/wiki/Patrick_Stewart"
    },
    {
      "id": "5",
      "type": "geoMap"
    },
    {
      "id": "6",
      "type": "geoMap",
      "tileJSON": "https://s3.us-east-2.wasabisys.com/urbanatlases/39999059012052/tileset.json",
      "moreInfo": "https://atlascope.leventhalmap.org"
    },
    {
      "id": "7",
      "type": "geoMap",
      "tileXYZ": "https://a.tile.opentopomap.org/{z}/{x}/{y}.png"
    }
  ],
  "scenes": [
    {
      "source": "1",
      "extent": [
        1983,
        -2568,
        2831,
        -1837
      ],
      "caption": {
        "title": "A caption may have a title",
        "text": "And descriptive text telling the reader what we're looking at. This image is loaded from a IIIF Manifest, by passing the Manifest URL together with a sequence, canvas, and image indices."
      }
    },
    {
      "source": "1",
      "extent": [
        2395,
        -3374,
        4168,
        -2155
      ],
      "caption": {
        "title": "Taking a tour",
        "text": "We can tour around the image by changing the extent that we want featured in the view."
      }
    },
    {
      "source": "1",
      "caption": {
        "text": "A caption doesn't need a title; only the text is required. **Markdown** _is also_ supported, and we can [insert links](https://leventhalmap.org)"
      }
    },
    {
      "source": "2",
      "extent": [
        5434,
        -4641,
        7566,
        -3015
      ],
      "caption": {
        "title": "Jumping to a new image in the same Manifest",
        "text": "Now we've jumped over to another image from the same Manifest."
      }
    },
    {
      "source": "2",
      "extent": [
        50,
        -1300,
        1200,
        -800
      ],
      "moreInfo": "https://collections.leventhalmap.org/search/commonwealth:6969z354f",
      "caption": {
        "text": "And now we're panning around that image. You can pan around as much as you like, at any zoom level."
      }
    },
    {
      "source": "3",
      "caption": {
        "title": "IIIF Single Image",
        "text": "If we don't want to load from a Manifest, we can pass an Image endpoint directly, instead"
      }
    },
    {
      "source": "4",
      "caption": {
        "title": "But not everybody uses IIIF!",
        "text": "That's true ... which is why we can also pass in a static image"
      }
    },
    {
      "source": "4",
      "moreInfo": "http://patrickstewartsong.ytmnd.com",
      "extent": [
        300,
        200,
        700,
        450
      ],
      "caption": {
        "text": "Image extents are in positive pixel coordinates from the lower left corner. We can also override the moreInfo link for a specific slide."
      }
    },
    {
      "source": "5",
      "extent": [
        -7913969.8286,
        5225321.2452,
        -7908050.7362,
        5231737.1783
      ],
      "caption": {
        "text": "We can also use real world maps; this one is from OSM"
      }
    },
    {
      "source": "5",
      "extent": [
        -7911817.6485,
        5229372.4077,
        -7910337.8754,
        5230976.391
      ],
      "caption": {
        "text": "And now we're zooming the map to a new extent"
      }
    },
    {
      "source": "6",
      "extent": [
        -7910381.833063327,
        5214743.9101842595,
        -7909811.426519942,
        5215200.235418969
      ],
      "caption": {
        "text": "If we have a custom web map, we can pass it in using either a TileJSON ..."
      }
    },
    {
      "source": "7",
      "extent": [
        -7910896.224,
        5214033.0488,
        -7910156.3375,
        5214835.0404
      ],
      "caption": {
        "text": "... or as a standard XYZ schema. Map scenes use EPSG:3857 (Web Mercator) coordinates for their extents."
      }
    },
    {
      "source": "7",
      "caption": {
        "text": "If you don't provide an extent for a geographic map, it will zoom to the entire world."
      }
    }
  ]
}

@garrettdashnelson can you update the Picard image? the current one is broken, maybe replace with this?