https://starwarsdatabase.com/gallery/

1<!doctype html>
2<html lang="en">
3<head>
4  <meta name="google-site-verification" content="sO2tMK3_PuKamwrOnjEuwz-K8k-WQ3PhaZ4b_ju-o2A" />
5  <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
6  <meta name="theme-color" content="#eeebe3"><meta name="description" content="Walk through a virtual Star Wars collectibles museum by Geoffrey T. Carlton. Explore toys, coins and household treasures from the Star Wars Collector’s Database.">
7  <title>Star Wars Collectibles Walk-Through Museum | WalkThru Museum</title>
8  <link rel="canonical" href="https://www.walkthrumuseum.com/">
9  <meta property="og:title" content="Star Wars Collectibles Walk-Through Museum | WalkThru Museum">
10  <meta property="og:description" content="Explore a collector-built virtual museum of Star Wars toys, coins and household treasures. Created by Geoffrey T. Carlton.">
11  <meta property="og:type" content="website"><meta property="og:url" content="https://www.walkthrumuseum.com/">
12  <link rel="stylesheet" href="src/gallery.css?v=0.67.1&robot-map=1&unlabelled=1">
13  

13<script type="module" src="src/app.js?v=0.67.1&robot-map=1&placement=2&unlabelled=1&motion=on1&greeting=3"></script>

13
14<meta name="gallery-robots-enabled" content="yes"></head>
15<body>
16  <dialog id="desktop-welcome" aria-labelledby="desktop-welcome-title"><p class="eyebrow">WELCOME TO THE GALLERY</p><h2 id="desktop-welcome-title">Use Arrows To Navigate</h2><p>A short live tutorial will show you around. You can skip it at any time and replay with T.</p><button id="desktop-welcome-ok" autofocus>OK</button></dialog>
17  <section id="tutorial" role="region" aria-labelledby="tutorial-title" hidden tabindex="-1">
18    <div class="tutorial-top"><span id="tutorial-progress"></span><button id="tutorial-skip">Skip tutorial</button></div>
19    <div aria-live="polite" aria-atomic="true"><h2 id="tutorial-title"></h2><p id="tutorial-caption"></p><p id="tutorial-detail"></p></div>
20    <label class="tutorial-motion"><input type="checkbox" id="tutorial-motion"> Animate demonstrations</label>
21    <div class="tutorial-actions"><button id="tutorial-back">Back</button><button id="tutorial-repeat">Repeat</button><button id="tutorial-next">Next →</button></div>
22  </section>
23  <div id="world" aria-label="Walk-through collection gallery"></div>
24  <header class="masthead">
25    <button id="home" class="brand" aria-label="Return to the entrance"><span class="brand-top">STAR WARS DATABASE</span><span class="brand-name">Gallery<span class="brand-dot">.</span></span></button>
26    <nav aria-label="Gallery navigation"><a class="museum-guide" href="visit/">Museum guide</a><button id="explore">Explore <span>↗</span></button><button id="search-toggle">Search</button><button id="guide">Displays</button><button id="map-toggle" aria-haspopup="dialog" aria-controls="floor-map" aria-keyshortcuts="M" hidden>Map <kbd>M</kbd></button><button id="booth-toggle" class="booth-toggle">Information Booth</button><button id="collectors">Collectors</button><button id="tutorial-toggle" aria-keyshortcuts="T">Tutorial <kbd>T</kbd></button><button id="help" class="icon-button" aria-label="How to visit">?</button></nav>
27  <div id="booth-actions" hidden><button data-booth-section="welcome">Information</button><button data-booth-section="books">Books</button><button data-booth-section="speaking">Speaking</button><button data-booth-section="support">Support</button><button data-booth-section="contributors">Contributors</button></div>
28  </header>
29  <div class="room-heading"><p id="scope-label">THE DATABASE COLLECTION</p><h1 id="room-title">A galaxy of collecting</h1><p id="search-summary" hidden></p><p id="room-caption">Every object has a story. Find yours.</p><button id="selection-summary" hidden></button><button id="explorer-toggle" aria-haspopup="dialog" aria-controls="explorer-panel" hidden>Explorer Control Panel · West wall ↗</button></div>
30  <div id="loading" role="status"><span class="loading-ring"></span><p>Opening the collection…</p></div>
31  <div id="error" role="alert" hidden><h2 id="error-title">The Gallery needs a moment.</h2><p id="error-message"></p><button id="refine-search" hidden>Refine search</button><button id="retry">Try again</button><button id="fallback-browse">Browse the exhibits</button></div>
32  <div id="hover-label" aria-hidden="true"></div>
33  <div id="bonk" role="status" aria-live="polite" aria-atomic="true" hidden></div>
34  <div class="visitor-bar"><button id="previous" aria-label="Previous gallery">←</button><span id="location">ENTRANCE GALLERY</span><button id="next" aria-label="Next gallery">→</button><span class="bar-divider"></span><button id="exhibits">Exhibit list</button></div>
35  <div id="annex-controls" hidden><button id="annex-prev" aria-label="Previous room in this category">←</button><span id="annex-position"></span><button id="annex-next" aria-label="Next room in this category">→</button></div>
36  <p id="nearby-display" hidden></p>
37  <p class="movement-hint" id="movement-hint">↑ ↓ Walk · ← → Turn · Shift changes movement · Drag to look</p>
38  <div id="movement" role="group" aria-label="Walking controls"><button data-move="left" class="touch-extra" aria-label="Step left">←</button><button data-move="forward" aria-label="Walk forward">↑</button><button data-move="right" class="touch-extra" aria-label="Step right">→</button><button data-move="turn-left" aria-label="Rotate left">↶</button><button data-move="back" aria-label="Walk backward">↓</button><button data-move="turn-right" aria-label="Rotate right">↷</button></div>

39  <div id="viewing-controls" role="group" aria-label="Viewing height"><button data-move="raise" aria-label="Raise viewing height"><span aria-hidden="true">↥</span>Raise</button><button data-move="lower" aria-label="Lower viewing height"><span aria-hidden="true">↧</span>Lower</button></div>
40  <button id="reset-view" class="reset-view" aria-label="Return to the entrance viewpoint">⌂</button>
41  <dialog id="drawer" aria-labelledby="drawer-title"><div class="dialog-top"><p id="drawer-eyebrow">FIND YOUR NEXT DISCOVERY</p><button class="close-dialog" aria-label="Close">×</button></div><h2 id="drawer-title">Explore the Gallery</h2><form id="search-form"><label class="sr-only" for="search">Search items or record numbers</label><input id="search" type="search" placeholder="Find a character, maker, or item…" maxlength="80"><button type="submit" aria-label="Search">→</button></form><form id="terms-form" hidden><p class="drawer-note">Enter up to 12 terms. Include is selected by default. Every Include term must match a field in the same record; any Exclude match removes the record. Terms can match different fields, and each box accepts a phrase or part of a word.</p><p class="drawer-note">For example, enter <strong>Han Solo</strong>, <strong>taun</strong>, <strong>act</strong>, and <strong>fig</strong> in separate boxes.</p><div id="search-terms"></div><div class="search-term-tools"><button id="add-search-term" type="button">+ Add term</button><span id="search-term-count"></span></div><p id="terms-error" role="alert" hidden>Enter at least one search term.</p><button class="search-submit" type="submit">Find matching records →</button></form>

41<div id="drawer-content"></div></dialog>
42  <dialog id="floor-map" aria-labelledby="floor-map-title" aria-describedby="floor-map-summary"><div class="dialog-top"><p>FIND YOUR WAY</p><button class="close-dialog" aria-label="Close map" autofocus>×</button></div><h2 id="floor-map-title">Floor map</h2><p id="floor-map-summary"></p><div class="map-booth-callout"><strong id="map-booth-location">Information Booth</strong><button id="map-booth-arrive">Arrive at Information Booth →</button></div><p class="map-edge" id="map-next-category"></p><div id="floor-map-drawing"></div><p class="map-edge" id="map-previous-category"></p><div class="map-legend"><span><i class="map-key-booth"></i>Information Booth</span><span><i class="map-key-current"></i>Current room</span><span class="map-fixture-key"><i class="map-key-display"></i>Displays</span><span class="map-fixture-key"><i class="map-key-viewing-side"></i>Viewing side</span><span><i class="map-key-door"></i>Category doors</span><span id="map-position-key"><i class="map-key-position"></i>You are here</span><span class="map-standard-close">M or Esc to close</span><span class="map-robot-close">~ or Esc to close · M for fixtures</span></div><div id="robot-map-rows" hidden></div><p id="floor-map-detail" role="status" aria-live="polite"></p></dialog>
43  <dialog id="explorer-panel" aria-labelledby="explorer-title"><div class="dialog-top"><p>ROOM 1 · WEST WALL</p><button class="close-dialog" aria-label="Close Explorer Control Panel">×</button></div><h2 id="explorer-title">Explorer Control Panel</h2><p>Press a button to explore.</p><div id="explorer-options"></div></dialog>
44  <dialog id="pixel-transport" aria-label="Pixel transport"><canvas aria-hidden="true"></canvas><div class="transport-caption"><span class="transport-overline">TRANSPORT IN PROGRESS</span><p role="status" aria-live="polite"></p><button type="button">Cancel transport</button></div></dialog>
45  <dialog id="contributors" aria-labelledby="contributors-title"><div class="dialog-top"><p>THE PEOPLE BEHIND THE COLLECTION</p><button class="close-dialog" aria-label="Close contributors" autofocus>×</button></div><h2 id="contributors-title">Contributors</h2><p class="contributor-intro">With thanks for the knowledge and photographs shared with the museum.</p><div class="contributor-legend"><span><img src="assets/icons/contributor-data.svg" width="25" height="25" alt="">Data</span><span><img src="assets/icons/contributor-photography.svg" width="25" height="25" alt="">Photography</span></div><label class="sr-only" for="contributor-search">Search contributors</label><input id="contributor-search" type="search" placeholder="Search contributors…" maxlength="255" autocomplete="off"><p class="contributor-status" role="status" aria-live="polite"></p><button type="button" data-contributor-retry hidden>Try again</button><div class="contributor-scroll" tabindex="0" role="region" aria-label="Contributor list" hidden><table><thead><tr><th scope="col">Name</th><th scope="col">Data</th><th scope="col">Photography</th></tr></thead><tbody></tbody></table></div><p class="contributor-footer">Esc to close</p></dialog>
46  <dialog id="information-booth" aria-labelledby="booth-title"><div class="dialog-top"><p>DISCOVER THE PEOPLE AND WORK BEHIND THE MUSEUM</p><button class="close-dialog" aria-label="Close Information Booth" autofocus>×</button></div><h2 id="booth-title">Information Booth</h2><div id="booth-content"></div></dialog>
47  <dialog id="inspect" aria-labelledby="inspect-title"><div class="dialog-top"><p id="inspect-eyebrow">FROM THE COLLECTION</p><button class="close-dialog" aria-label="Close item">×</button></div><div class="inspect-layout"><div class="inspect-visual"><img id="inspect-image" alt=""><p id="photo-status" role="status"></p><div class="photo-navigation"><button id="photo-prev" aria-label="Previous photograph">←</button><span id="photo-count" aria-live="polite"></span><button id="photo-next" aria-label="Next photograph">→</button></div></div><div class="inspect-details"><div class="inspect-heading"><p id="inspect-category" class="eyebrow"></p><h2 id="inspect-title"></h2><p id="inspect-maker"></p></div><div class="inspection-tabs" role="tablist" aria-label="Item information">

48<button id="inspect-tab-database" role="tab" aria-selected="true" aria-controls="inspect-panel-database">Database</button>
49<button id="inspect-tab-valuation" role="tab" aria-selected="false" aria-controls="inspect-panel-valuation" tabindex="-1" hidden>Valuation</button>
50<button id="inspect-tab-links" role="tab" aria-selected="false" aria-controls="inspect-panel-links" tabindex="-1" hidden>Item Links</button></div>
51<div id="inspect-panel-database" role="tabpanel" aria-labelledby="inspect-tab-database" tabindex="0"><dl id="inspect-facts"></dl><a id="catalog-link" target="_blank" rel="noopener">View Database record ↗</a></div>
52<div id="inspect-panel-valuation" role="tabpanel" aria-labelledby="inspect-tab-valuation" tabindex="0" hidden><p class="inspection-note">Live asking prices can change and may not represent completed-sale value.</p><p id="value-status" role="status"></p><div id="value-list"></div><p id="value-checked" class="inspection-note"></p></div>
53<div id="inspect-panel-links" role="tabpanel" aria-labelledby="inspect-tab-links" tabindex="0" hidden><p class="inspection-note">External UPC searches are provided for reference only and are not used in current value information.</p><div id="item-links"></div></div></div></div></dialog>
54  <dialog id="album" aria-labelledby="album-title"><div class="dialog-top"><p id="album-eyebrow">THE COLLECTION, PAGE BY PAGE</p><button class="close-dialog" aria-label="Close album">×</button></div><h2 id="album-title">The collector’s album</h2><p class="album-intro">Turn the pages. Select an item to see every available photograph.</p><label class="album-motion"><input id="album-motion" type="checkbox" checked>Animate page turns</label><div id="album-viewport" tabindex="0" role="region" aria-label="Album pages"><div id="album-book"><div class="album-page" id="page-left"></div><div class="album-page" id="page-right"></div><div class="album-spine"></div><div id="turning-page" aria-hidden="true"></div></div></div><div class="album-controls"><button id="album-prev">← Previous</button><span id="album-count" aria-live="polite"></span><button id="album-next">Next →</button></div></dialog>
55  <div id="toast" role="status" hidden></div>
56  <noscript><p class="noscript">WalkThru Museum is a Star Wars collectibles walk-through museum created by Geoffrey T. Carlton. The walk-through uses JavaScript. <a href="visit/">Read the museum guide</a> or <a href="exhibitions/">explore the exhibitions</a> without JavaScript.</p></noscript>
57</body>
58</html>