Skip to content

Commit 1c84a7f

Browse files
ToolboxAidToolboxAid
committed
Differentiate Design Studio, Game Builder, and Publish Studio with static workflow wireframes - PR_26151_008-design-build-publish-page-wireframes
1 parent c1a59e3 commit 1c84a7f

4 files changed

Lines changed: 303 additions & 23 deletions

File tree

‎GameFoundryStudio/tools/game-builder.html‎

Lines changed: 66 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="container">
1818
<div class="kicker">ForgeBot</div>
1919
<h1>Game Builder</h1>
20-
<p class="lede">Assemble components and build your game from scratch.</p>
20+
<p class="lede">How is the game assembled?</p>
2121
</div>
2222
</section>
2323
<section class="section">
@@ -29,24 +29,84 @@ <h2>Toolbox</h2>
2929
</div>
3030
<div class="accordion-stack">
3131
<details class="vertical-accordion" open>
32-
<summary>Toolbox Accordion 4</summary>
33-
<div class="accordion-body">Game Builder toolbox panel 4.</div>
32+
<summary>Structure</summary>
33+
<div class="accordion-body">
34+
<form>
35+
<label>Screens <textarea rows="3" placeholder="Title, menu, gameplay, pause, results"></textarea></label>
36+
<label>Levels <textarea rows="3" placeholder="Level names, order, and layout notes"></textarea></label>
37+
<label>Objects <textarea rows="3" placeholder="Player, enemies, pickups, hazards, platforms"></textarea></label>
38+
<label>Assets <textarea rows="3" placeholder="Images, sprites, tiles, UI, effects"></textarea></label>
39+
<label>Audio <textarea rows="3" placeholder="Music, sound effects, ambience"></textarea></label>
40+
</form>
41+
</div>
42+
</details>
43+
<details class="vertical-accordion">
44+
<summary>Runtime Plan</summary>
45+
<div class="accordion-body">
46+
<form>
47+
<label>Input Mapping <textarea rows="3" placeholder="Keyboard, gamepad, touch, pointer"></textarea></label>
48+
<label>Physics <textarea rows="3" placeholder="Gravity, collision, speed, friction"></textarea></label>
49+
<label>Behaviors <textarea rows="3" placeholder="Movement, attacks, triggers, AI"></textarea></label>
50+
<label>Object Types <textarea rows="3" placeholder="Dynamic, static, trigger, volume"></textarea></label>
51+
<label>State Transitions <textarea rows="3" placeholder="Menu to play, play to win, play to lose"></textarea></label>
52+
</form>
53+
</div>
3454
</details>
3555
</div>
3656
</aside>
3757
<div data-tool-display-mode></div>
3858
<section class="tool-center-panel"><img src="../assets/images/forge-bot.png" alt="ForgeBot">
3959
<h2>Workspace</h2>
40-
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
60+
<p>Game Builder turns the design document into a build plan. The workflow reads the GDD, identifies the required game pieces, and assembles them into a manifest.</p>
61+
<details class="vertical-accordion" open>
62+
<summary>GDD -> Manifest Workflow</summary>
63+
<div class="accordion-body">
64+
<p>The builder interprets <code>game.gdd.json</code>, maps design intent to concrete screens, assets, objects, behaviors, and transitions, then produces the runtime assembly contract.</p>
65+
<p>The output is the implementation manifest: <code>game.manifest.json</code>.</p>
66+
</div>
67+
</details>
68+
<details class="vertical-accordion">
69+
<summary>Construction Crew</summary>
70+
<div class="accordion-body">
71+
<p>Game Builder is the construction crew. It follows the blueprint from Game Design Studio and decides what pieces are needed, where they go, and how they connect.</p>
72+
</div>
73+
</details>
4174
</section>
4275
<aside class="tool-column">
4376
<div class="tool-column-header forge-gold">
4477
<h2>Inspector</h2>
4578
</div>
4679
<div class="accordion-stack">
4780
<details class="vertical-accordion" open>
48-
<summary>Inspector Accordion 4</summary>
49-
<div class="accordion-body">Game Builder inspector panel 4.</div>
81+
<summary>Object Examples</summary>
82+
<div class="accordion-body">
83+
<dl>
84+
<dt>Hero</dt>
85+
<dd>Dynamic Killable</dd>
86+
<dt>Enemy</dt>
87+
<dd>Dynamic Killable</dd>
88+
<dt>Ice Block</dt>
89+
<dd>Static Breakable</dd>
90+
<dt>Water</dt>
91+
<dd>Damage Volume</dd>
92+
</dl>
93+
</div>
94+
</details>
95+
<details class="vertical-accordion">
96+
<summary>Output</summary>
97+
<div class="accordion-body">
98+
<p><strong>game.manifest.json</strong></p>
99+
<pre><code>{
100+
"screens": [],
101+
"levels": [],
102+
"objects": [],
103+
"assets": [],
104+
"audio": [],
105+
"input": {},
106+
"physics": {},
107+
"behaviors": []
108+
}</code></pre>
109+
</div>
50110
</details>
51111
</div>
52112
</aside>

‎GameFoundryStudio/tools/game-design-studio.html‎

Lines changed: 66 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="container">
1818
<div class="kicker">Spark</div>
1919
<h1>Game Design Studio</h1>
20-
<p class="lede">Plan your game with GDD tools and validation.</p>
20+
<p class="lede">What game are we building?</p>
2121
</div>
2222
</section>
2323
<section class="section">
@@ -29,24 +29,84 @@ <h2>Toolbox</h2>
2929
</div>
3030
<div class="accordion-stack">
3131
<details class="vertical-accordion" open>
32-
<summary>Toolbox Accordion 5</summary>
33-
<div class="accordion-body">Game Design Studio toolbox panel 5.</div>
32+
<summary>Purpose</summary>
33+
<div class="accordion-body">
34+
<form>
35+
<label>Genre <input type="text" placeholder="Platformer, puzzle, arcade"></label>
36+
<label>Players <input type="text" placeholder="Single player, co-op, versus"></label>
37+
<label>Story <textarea rows="3" placeholder="World, premise, and tone"></textarea></label>
38+
<label>Objectives <textarea rows="3" placeholder="What the player is trying to do"></textarea></label>
39+
<label>Win Conditions <textarea rows="3" placeholder="How the player succeeds"></textarea></label>
40+
<label>Lose Conditions <textarea rows="3" placeholder="How the player fails"></textarea></label>
41+
</form>
42+
</div>
43+
</details>
44+
<details class="vertical-accordion">
45+
<summary>Systems</summary>
46+
<div class="accordion-body">
47+
<form>
48+
<label>Rules <textarea rows="3" placeholder="Core constraints and play rules"></textarea></label>
49+
<label>Characters <textarea rows="3" placeholder="Heroes, enemies, NPCs, and roles"></textarea></label>
50+
<label>Progression <textarea rows="3" placeholder="Levels, unlocks, pacing, and difficulty"></textarea></label>
51+
<label>Economy <textarea rows="3" placeholder="Currencies, rewards, resources"></textarea></label>
52+
<label>Monetization <textarea rows="3" placeholder="Purchase model, ads, DLC, cosmetics"></textarea></label>
53+
</form>
54+
</div>
55+
</details>
56+
<details class="vertical-accordion">
57+
<summary>Requirements</summary>
58+
<div class="accordion-body">
59+
<form>
60+
<label>Asset Requirements <textarea rows="3" placeholder="Sprites, UI, tiles, effects, objects"></textarea></label>
61+
<label>Sound Requirements <textarea rows="3" placeholder="Music, sound effects, ambience, UI sounds"></textarea></label>
62+
</form>
63+
</div>
3464
</details>
3565
</div>
3666
</aside>
3767
<div data-tool-display-mode></div>
3868
<section class="tool-center-panel"><img src="../assets/images/forge-bot.png" alt="ForgeBot">
3969
<h2>Workspace</h2>
40-
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
70+
<p>Game Design Studio turns an idea into a design blueprint. The workflow starts with AI-assisted discovery, then organizes the answers into a Game Design Document.</p>
71+
<details class="vertical-accordion" open>
72+
<summary>AI -> GDD Workflow</summary>
73+
<div class="accordion-body">
74+
<p>The AI interview asks what kind of game you want to build, clarifies the audience and rules, then produces a structured design plan for the next tool.</p>
75+
<p>The output is the design contract: <code>game.gdd.json</code>.</p>
76+
</div>
77+
</details>
78+
<details class="vertical-accordion">
79+
<summary>Architect / Blueprint</summary>
80+
<div class="accordion-body">
81+
<p>Game Design Studio is the architect. It does not build the house. It decides what the house is, who it serves, how it should feel, and what must be true before construction begins.</p>
82+
</div>
83+
</details>
4184
</section>
4285
<aside class="tool-column">
4386
<div class="tool-column-header forge-gold">
4487
<h2>Inspector</h2>
4588
</div>
4689
<div class="accordion-stack">
4790
<details class="vertical-accordion" open>
48-
<summary>Inspector Accordion 5</summary>
49-
<div class="accordion-body">Game Design Studio inspector panel 5.</div>
91+
<summary>Output</summary>
92+
<div class="accordion-body">
93+
<p><strong>game.gdd.json</strong></p>
94+
<pre><code>{
95+
"genre": "",
96+
"players": "",
97+
"objectives": [],
98+
"winConditions": [],
99+
"loseConditions": [],
100+
"assetRequirements": [],
101+
"soundRequirements": []
102+
}</code></pre>
103+
</div>
104+
</details>
105+
<details class="vertical-accordion">
106+
<summary>Next Step</summary>
107+
<div class="accordion-body">
108+
<p>Send <code>game.gdd.json</code> to Game Builder so the design can become a manifest.</p>
109+
</div>
50110
</details>
51111
</div>
52112
</aside>

‎GameFoundryStudio/tools/publisher.html‎

Lines changed: 67 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<title>Tool Publisher - Game Foundry Studio</title>
8-
<meta name="description" content="Game Foundry Studio Tool Publisher layout.">
7+
<title>Publish Studio - Game Foundry Studio</title>
8+
<meta name="description" content="Game Foundry Studio Publish Studio wireframe.">
99
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
@@ -15,10 +15,9 @@
1515
<main>
1616
<section class="page-title">
1717
<div class="container">
18-
<div class="kicker">Tool Layout</div>
19-
<h1>Tool Publisher</h1>
20-
<p class="lede">Three-column tool page with left, center, and right accordion regions ready for future
21-
Game Foundry Studio tools.</p>
18+
<div class="kicker">ForgeBot</div>
19+
<h1>Publish Studio</h1>
20+
<p class="lede">How is the game released?</p>
2221
</div>
2322
</section>
2423
<section class="section">
@@ -30,24 +29,81 @@ <h2>Toolbox</h2>
3029
</div>
3130
<div class="accordion-stack">
3231
<details class="vertical-accordion" open>
33-
<summary>Toolbox Accordion 11</summary>
34-
<div class="accordion-body">Tool Publisher toolbox panel 11.</div>
32+
<summary>Release Setup</summary>
33+
<div class="accordion-body">
34+
<form>
35+
<label>Version <input type="text" placeholder="1.0.0"></label>
36+
<label>Screenshots <input type="file"></label>
37+
<label>Trailer <input type="url" placeholder="https://"></label>
38+
<label>Categories <input type="text" placeholder="Action, puzzle, strategy"></label>
39+
<label>Tags <input type="text" placeholder="Cozy, retro, roguelike"></label>
40+
</form>
41+
</div>
42+
</details>
43+
<details class="vertical-accordion">
44+
<summary>Marketplace</summary>
45+
<div class="accordion-body">
46+
<form>
47+
<label>Age Rating <select>
48+
<option>Everyone</option>
49+
<option>Teen</option>
50+
<option>Mature</option>
51+
</select></label>
52+
<label>Release Notes <textarea rows="3" placeholder="What changed in this release"></textarea></label>
53+
<label>Visibility <select>
54+
<option>Draft</option>
55+
<option>Private</option>
56+
<option>Public</option>
57+
</select></label>
58+
<label>Pricing <input type="text" placeholder="Free, paid, demo"></label>
59+
<label>Marketplace Information <textarea rows="3" placeholder="Short description, long description, support links"></textarea></label>
60+
</form>
61+
</div>
3562
</details>
3663
</div>
3764
</aside>
3865
<div data-tool-display-mode></div>
3966
<section class="tool-center-panel"><img src="../assets/images/forge-bot.png" alt="ForgeBot">
4067
<h2>Workspace</h2>
41-
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
68+
<p>Publish Studio turns a game manifest into a release. It packages the playable game, prepares marketplace information, and defines the published record.</p>
69+
<details class="vertical-accordion" open>
70+
<summary>Manifest -> Publish Workflow</summary>
71+
<div class="accordion-body">
72+
<p>The publish workflow starts with <code>game.manifest.json</code>, verifies release metadata, prepares assets for listing, and creates release-ready outputs.</p>
73+
</div>
74+
</details>
75+
<details class="vertical-accordion">
76+
<summary>Real Estate Agent / Product Release</summary>
77+
<div class="accordion-body">
78+
<p>Publish Studio is the real estate agent and product launch desk. The game already exists; this page prepares how it is presented, priced, described, packaged, and released.</p>
79+
</div>
80+
</details>
4281
</section>
4382
<aside class="tool-column">
4483
<div class="tool-column-header forge-gold">
4584
<h2>Inspector</h2>
4685
</div>
4786
<div class="accordion-stack">
4887
<details class="vertical-accordion" open>
49-
<summary>Inspector Accordion 11</summary>
50-
<div class="accordion-body">Tool Publisher inspector panel 11.</div>
88+
<summary>Outputs</summary>
89+
<div class="accordion-body">
90+
<ul>
91+
<li>Release Package</li>
92+
<li>Marketplace Listing</li>
93+
<li>Published Game Record</li>
94+
</ul>
95+
</div>
96+
</details>
97+
<details class="vertical-accordion">
98+
<summary>Release Checklist</summary>
99+
<div class="accordion-body">
100+
<form>
101+
<label><input type="checkbox"> Manifest reviewed</label>
102+
<label><input type="checkbox"> Screenshots attached</label>
103+
<label><input type="checkbox"> Listing copy drafted</label>
104+
<label><input type="checkbox"> Visibility selected</label>
105+
</form>
106+
</div>
51107
</details>
52108
</div>
53109
</aside>

0 commit comments

Comments
 (0)