Skip to content

Commit eb54754

Browse files
author
DavidQ
committed
cleanup Asset Browser
1 parent 3f7e9df commit eb54754

8 files changed

Lines changed: 143 additions & 13 deletions

File tree

‎games/vector-arcade-sample/assets/data/sprites/template-player.sprite.json‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"schema": "toolbox.sprite-project/1",
3+
"version": 1,
4+
"projectId": "vector-arcade-template-sprite",
5+
"name": "Vector Arcade Template Sprite",
6+
"frames": [
7+
{
8+
"id": "idle-0",
9+
"width": 16,
10+
"height": 16,
11+
"durationMs": 120,
12+
"pixels": []
13+
}
14+
],
15+
"palette": ["#000000", "#ffffff", "#60a5fa", "#f59e0b"]
16+
}

‎samples/phase-20/2010/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ <h1>Sample 2010 - Asset Browser Preset 1</h1>
2020
<p>Launches Asset Browser with Phase 20 preset payload 1 preloaded.</p>
2121
<p>Target tool: <strong>Asset Browser</strong></p>
2222
<p>If redirect does not trigger, open the launch link below.</p>
23-
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2010&samplePreset=eyJzYW1wbGVJZCI6IjIwMTAiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMCIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEwIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMSIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0">Open Asset Browser with preset</a></p>
23+
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2010&samplePreset=eyJzYW1wbGVJZCI6IjIwMTAiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMCIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJWZWN0b3IgQXNzZXRzIiwic2VhcmNoIjoicGxheWVyIiwic2VsZWN0ZWRBc3NldElkIjoiYXNzZXQtdmVjdG9yLXBsYXllciIsImltcG9ydENhdGVnb3J5IjoiVmVjdG9yIEFzc2V0cyIsImltcG9ydERlc3RpbmF0aW9uIjoiIiwiaW1wb3J0TmFtZSI6IiIsInBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEwIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMSIsIm5vdGUiOiJQaGFzZSAyMCBhc3NldCBicm93c2VyIHByZXNldCIsInZpc2libGUiOnRydWV9fX0">Open Asset Browser with preset</a></p>
2424
</main>
2525
<script>
26-
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2010&samplePreset=eyJzYW1wbGVJZCI6IjIwMTAiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMCIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEwIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMSIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0");
26+
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2010&samplePreset=eyJzYW1wbGVJZCI6IjIwMTAiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMCIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJWZWN0b3IgQXNzZXRzIiwic2VhcmNoIjoicGxheWVyIiwic2VsZWN0ZWRBc3NldElkIjoiYXNzZXQtdmVjdG9yLXBsYXllciIsImltcG9ydENhdGVnb3J5IjoiVmVjdG9yIEFzc2V0cyIsImltcG9ydERlc3RpbmF0aW9uIjoiIiwiaW1wb3J0TmFtZSI6IiIsInBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEwIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMSIsIm5vdGUiOiJQaGFzZSAyMCBhc3NldCBicm93c2VyIHByZXNldCIsInZpc2libGUiOnRydWV9fX0");
2727
</script>
2828
<script type="module" src="/samples/shared/sampleDetailPageEnhancement.js"></script>
2929
<script type="module" src="../../../src/engine/theme/mount-shared-header.js"></script>

‎samples/phase-20/2011/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ <h1>Sample 2011 - Asset Browser Preset 2</h1>
2020
<p>Launches Asset Browser with Phase 20 preset payload 2 preloaded.</p>
2121
<p>Target tool: <strong>Asset Browser</strong></p>
2222
<p>If redirect does not trigger, open the launch link below.</p>
23-
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2011&samplePreset=eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMSIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDExIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMiIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0">Open Asset Browser with preset</a></p>
23+
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2011&samplePreset=eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMSIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJTcHJpdGUgUHJvamVjdHMiLCJzZWFyY2giOiJzcHJpdGUiLCJzZWxlY3RlZEFzc2V0SWQiOiJhc3NldC1zcHJpdGUtZGVtbyIsImltcG9ydENhdGVnb3J5IjoiU3ByaXRlIFByb2plY3RzIiwiaW1wb3J0RGVzdGluYXRpb24iOiIiLCJpbXBvcnROYW1lIjoiIiwicGhhc2UyMCI6eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwicHJlc2V0TmFtZSI6IlByZXNldCAyIiwibm90ZSI6IlBoYXNlIDIwIGFzc2V0IGJyb3dzZXIgcHJlc2V0IiwidmlzaWJsZSI6dHJ1ZX19fQ">Open Asset Browser with preset</a></p>
2424
</main>
2525
<script>
26-
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2011&samplePreset=eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMSIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDExIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMiIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0");
26+
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2011&samplePreset=eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMSIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJTcHJpdGUgUHJvamVjdHMiLCJzZWFyY2giOiJzcHJpdGUiLCJzZWxlY3RlZEFzc2V0SWQiOiJhc3NldC1zcHJpdGUtZGVtbyIsImltcG9ydENhdGVnb3J5IjoiU3ByaXRlIFByb2plY3RzIiwiaW1wb3J0RGVzdGluYXRpb24iOiIiLCJpbXBvcnROYW1lIjoiIiwicGhhc2UyMCI6eyJzYW1wbGVJZCI6IjIwMTEiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwicHJlc2V0TmFtZSI6IlByZXNldCAyIiwibm90ZSI6IlBoYXNlIDIwIGFzc2V0IGJyb3dzZXIgcHJlc2V0IiwidmlzaWJsZSI6dHJ1ZX19fQ");
2727
</script>
2828
<script type="module" src="/samples/shared/sampleDetailPageEnhancement.js"></script>
2929
<script type="module" src="../../../src/engine/theme/mount-shared-header.js"></script>

‎samples/phase-20/2012/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ <h1>Sample 2012 - Asset Browser Preset 3</h1>
2020
<p>Launches Asset Browser with Phase 20 preset payload 3 preloaded.</p>
2121
<p>Target tool: <strong>Asset Browser</strong></p>
2222
<p>If redirect does not trigger, open the launch link below.</p>
23-
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2012&samplePreset=eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMiIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEyIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMyIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0">Open Asset Browser with preset</a></p>
23+
<p><a id="launchLink" href="/tools/Asset%20Browser/index.html?phase20Sample=2012&samplePreset=eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMiIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJXb3JrZmxvdyBKU09OIiwic2VhcmNoIjoicHJvamVjdCIsInNlbGVjdGVkQXNzZXRJZCI6ImFzc2V0LXByb2plY3QtY29uZmlnIiwiaW1wb3J0Q2F0ZWdvcnkiOiJXb3JrZmxvdyBKU09OIiwiaW1wb3J0RGVzdGluYXRpb24iOiIiLCJpbXBvcnROYW1lIjoiIiwicGhhc2UyMCI6eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwicHJlc2V0TmFtZSI6IlByZXNldCAzIiwibm90ZSI6IlBoYXNlIDIwIGFzc2V0IGJyb3dzZXIgcHJlc2V0IiwidmlzaWJsZSI6dHJ1ZX19fQ">Open Asset Browser with preset</a></p>
2424
</main>
2525
<script>
26-
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2012&samplePreset=eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMiIsInN0YXRlIjp7InBoYXNlMjAiOnsic2FtcGxlSWQiOiIyMDEyIiwidG9vbElkIjoiYXNzZXQtYnJvd3NlciIsInByZXNldE5hbWUiOiJQcmVzZXQgMyIsIm5vdGUiOiJQaGFzZSAyMCBwcmVzZXQgcGF5bG9hZCBmb3IgQXNzZXQgQnJvd3NlciIsInZpc2libGUiOnRydWV9fX0");
26+
window.location.replace("/tools/Asset%20Browser/index.html?phase20Sample=2012&samplePreset=eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwibGFiZWwiOiJQaGFzZSAyMCBQcmVzZXQgMjAxMiIsInN0YXRlIjp7InNlbGVjdGVkQ2F0ZWdvcnkiOiJXb3JrZmxvdyBKU09OIiwic2VhcmNoIjoicHJvamVjdCIsInNlbGVjdGVkQXNzZXRJZCI6ImFzc2V0LXByb2plY3QtY29uZmlnIiwiaW1wb3J0Q2F0ZWdvcnkiOiJXb3JrZmxvdyBKU09OIiwiaW1wb3J0RGVzdGluYXRpb24iOiIiLCJpbXBvcnROYW1lIjoiIiwicGhhc2UyMCI6eyJzYW1wbGVJZCI6IjIwMTIiLCJ0b29sSWQiOiJhc3NldC1icm93c2VyIiwicHJlc2V0TmFtZSI6IlByZXNldCAzIiwibm90ZSI6IlBoYXNlIDIwIGFzc2V0IGJyb3dzZXIgcHJlc2V0IiwidmlzaWJsZSI6dHJ1ZX19fQ");
2727
</script>
2828
<script type="module" src="/samples/shared/sampleDetailPageEnhancement.js"></script>
2929
<script type="module" src="../../../src/engine/theme/mount-shared-header.js"></script>

‎tools/Asset Browser/assetBrowser.css‎

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,13 @@
1818
display: grid;
1919
gap: 0.85rem;
2020
align-content: start;
21+
padding: 0.75rem;
22+
}
23+
24+
.asset-browser__layout > main.asset-browser__panel {
25+
display: flex;
26+
flex-direction: column;
27+
min-height: 100%;
2128
}
2229

2330
.field {
@@ -45,6 +52,7 @@
4552
gap: 0.5rem;
4653
max-height: 60vh;
4754
overflow: auto;
55+
padding: 0.35rem;
4856
}
4957

5058
.asset-browser__list button {
@@ -54,6 +62,8 @@
5462
color: inherit;
5563
border-radius: 0.75rem;
5664
padding: 0.8rem;
65+
margin: 0.15rem 0;
66+
min-width: 0;
5767
}
5868

5969
.asset-browser__list button.is-current {
@@ -64,6 +74,9 @@
6474
.asset-browser__list strong,
6575
.asset-browser__list span {
6676
display: block;
77+
white-space: normal;
78+
overflow-wrap: anywhere;
79+
word-break: break-word;
6780
}
6881

6982
.asset-browser__list span {
@@ -92,7 +105,8 @@
92105
.asset-browser__text-preview {
93106
margin: 0;
94107
min-height: 12rem;
95-
max-height: 28rem;
108+
max-height: none;
109+
flex: 1 1 auto;
96110
overflow: auto;
97111
white-space: pre-wrap;
98112
word-break: break-word;

‎tools/Asset Browser/main.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,21 +18,21 @@ const APPROVED_DESTINATIONS = Object.freeze({
1818
const ASSET_CATALOG = Object.freeze([
1919
{
2020
id: "asset-vector-player",
21-
label: "Asteroids Ship Vector",
21+
label: "Vector Arcade Player Vector",
2222
category: "Vector Assets",
23-
path: "../../games/Asteroids/assets/vectors/ship.json"
23+
path: "../../games/vector-arcade-sample/assets/data/vectors/template-player.vector.json"
2424
},
2525
{
2626
id: "asset-vector-title",
27-
label: "Asteroids Title Vector",
27+
label: "Vector Arcade Title Vector",
2828
category: "Vector Assets",
29-
path: "../../games/Asteroids/assets/vectors/title.json"
29+
path: "../../games/vector-arcade-sample/assets/data/vectors/template-title.vector.json"
3030
},
3131
{
3232
id: "asset-sprite-demo",
33-
label: "Asteroids Sprite Project",
33+
label: "Vector Arcade Sprite Project",
3434
category: "Sprite Projects",
35-
path: "../../games/Asteroids/assets/sprites/demo.json"
35+
path: "../../games/vector-arcade-sample/assets/data/sprites/template-player.sprite.json"
3636
},
3737
{
3838
id: "asset-tilemap-template",

‎tools/shared/debugInspectorTools.css‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -245,3 +245,97 @@ body[data-tool-id="3d-asset-viewer"] #asset3dOutput {
245245
height: auto;
246246
flex: 1 1 auto;
247247
}
248+
249+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-shell {
250+
min-height: calc(46dvh - 240px);
251+
}
252+
253+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-shell > .debug-tool-panel,
254+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-grid > .debug-tool-panel {
255+
padding: 10px;
256+
gap: 6px;
257+
}
258+
259+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-shell > .debug-tool-panel {
260+
padding: 6px 10px;
261+
}
262+
263+
body[data-tool-id="3d-camera-path-editor"] #cameraPathStatus {
264+
margin: 0;
265+
min-height: 0;
266+
}
267+
268+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-grid {
269+
align-items: stretch;
270+
min-height: 0;
271+
flex: 1 1 auto;
272+
}
273+
274+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-grid .debug-tool-panel {
275+
display: flex;
276+
flex-direction: column;
277+
min-height: 0;
278+
margin: 0;
279+
align-content: start;
280+
}
281+
282+
body[data-tool-id="3d-camera-path-editor"] .debug-tool-grid .debug-tool-panel h3 {
283+
margin: 0;
284+
min-height: 1.2em;
285+
line-height: 1.1;
286+
}
287+
288+
body[data-tool-id="3d-camera-path-editor"] #cameraPathInput,
289+
body[data-tool-id="3d-camera-path-editor"] #cameraPathOutput {
290+
margin: 0;
291+
min-height: 520px;
292+
height: auto;
293+
flex: 1 1 auto;
294+
}
295+
296+
body[data-tool-id="3d-map-editor"] .debug-tool-shell {
297+
min-height: calc(46dvh - 240px);
298+
}
299+
300+
body[data-tool-id="3d-map-editor"] .debug-tool-shell > .debug-tool-panel,
301+
body[data-tool-id="3d-map-editor"] .debug-tool-grid > .debug-tool-panel {
302+
padding: 10px;
303+
gap: 6px;
304+
}
305+
306+
body[data-tool-id="3d-map-editor"] .debug-tool-shell > .debug-tool-panel {
307+
padding: 6px 10px;
308+
}
309+
310+
body[data-tool-id="3d-map-editor"] #map3dStatus {
311+
margin: 0;
312+
min-height: 0;
313+
}
314+
315+
body[data-tool-id="3d-map-editor"] .debug-tool-grid {
316+
align-items: stretch;
317+
min-height: 0;
318+
flex: 1 1 auto;
319+
}
320+
321+
body[data-tool-id="3d-map-editor"] .debug-tool-grid .debug-tool-panel {
322+
display: flex;
323+
flex-direction: column;
324+
min-height: 0;
325+
margin: 0;
326+
align-content: start;
327+
}
328+
329+
body[data-tool-id="3d-map-editor"] .debug-tool-grid .debug-tool-panel h3 {
330+
margin: 0;
331+
min-height: 1.2em;
332+
line-height: 1.1;
333+
}
334+
335+
body[data-tool-id="3d-map-editor"] #map3dInput,
336+
body[data-tool-id="3d-map-editor"] #map3dOutput {
337+
margin: 0;
338+
min-height: 520px;
339+
height: auto;
340+
flex: 1 1 auto;
341+
}

‎tools/shared/platformShell.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -434,6 +434,12 @@ body.tools-platform-surface .app {
434434
box-shadow: var(--tools-shell-shadow-strong);
435435
}
436436

437+
body.tools-platform-surface .is-collapsible + .wrap,
438+
body.tools-platform-surface .is-collapsible + .app-shell,
439+
body.tools-platform-surface .is-collapsible + .app {
440+
margin-top: 12px;
441+
}
442+
437443
body.tools-platform-surface .wrap {
438444
background: linear-gradient(180deg, var(--panel, rgba(76, 29, 149, 0.88)) 0%, var(--panel2, rgba(49, 17, 102, 0.94)) 100%);
439445
}

0 commit comments

Comments
 (0)