/showroom/Recent content in Showroom on Game Server Services | DocsHugoen/showroom/foundation-core-identity/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-core-identity/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-core-identity/" title="Live demo: Account Transfer" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-core-identity/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>The page shows which account this browser is signed in as and issues a transfer code (an ID and a password) for it. Entering that code in another browser signs that browser in as the same account. All showroom demos in one browser share the account, so after a take-over the other demos show the original account&rsquo;s data as well.</p>/showroom/foundation-economy-schedule/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-schedule/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-schedule/" title="Live demo: Scheduling" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-schedule/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo shows the shared scheduling layer that answers &ldquo;is this event open right now&rdquo; with GS2-Schedule. Absolute schedules are fixed on the clock, so every visitor sees the same windows, and one that has ended is not listed. Relative schedules start when a player pulls a trigger, so each visitor gets a window of their own. You can pull, extend and clear the trigger with buttons and watch the window change.</p>/showroom/foundation-economy-ad/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-ad/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-ad/" title="Live demo: Ads" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-ad/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo banks one point each time an ad view completes and spends one point when a reward is claimed. The showroom runs as a WebGL page in the browser, where the mobile-only ad SDKs (Unity Ads, LevelPlay, AdMob) cannot run, so no real advertisement plays. Instead a panel stands in for the ad placement, and everything after the title decides &ldquo;the view finished&rdquo;, which is GS2&rsquo;s part, runs for real.</p>/showroom/foundation-economy-currency/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-currency/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-currency/" title="Live demo: Currency" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-currency/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>The page shows an in-game currency wallet and two buttons that deposit into it. GS2-Money2 keeps currency granted for free and currency the player paid for as separate balances, so you can see which balance moves depending on the button you press. Every reading and button on the page is a UI component generated from the package; no demo-specific script is involved.</p>/showroom/foundation-economy-energy/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-energy/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-energy/" title="Live demo: Stamina" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-energy/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>The page shows a stamina gauge that recovers over time, plus two buttons that spend and restore stamina. The meter holds 50 and recovers 5 every minute on its own, so leaving the page open shows the gauge and the time to the next recovery moving. The recover button also demonstrates overflow, which lets stamina go past the maximum up to 100.</p>/showroom/foundation-economy-idle/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-idle/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-idle/" title="Live demo: Idle Rewards" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-idle/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo uses GS2-Idle to work out and grant the rewards that build up while the player is away. Every 5 minutes away is worth 5 coins, every 12th interval (once an hour) is worth 50 instead, and the count stops at 8 hours. Buttons move your clock forward so hours away happen at once, and the coins you receive land in a GS2-Money2 wallet.</p>/showroom/foundation-economy-inventory/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-inventory/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-inventory/" title="Live demo: Items" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-inventory/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>The page lists how many of three items (<code>potion</code>, <code>ether</code>, <code>elixir</code>) you hold and lets you gain or spend each one at a time. It shows that each item is counted separately, and that the spend button is disabled for an item you have none of.</p>/showroom/foundation-economy-limit/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-limit/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-limit/" title="Live demo: Usage Limits" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-limit/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>The page shows four usage counters and two reset schedules (daily and weekly). Counters 1 to 3 follow the same daily schedule but are counted separately, while Counter 4 follows the weekly one. The maximum is supplied by the press rather than stored on the counter, so Counter 1 carries two ceilings at once: three free uses, and up to five with an ad view.</p>/showroom/micro-economy-buff/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-buff/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-buff/" title="Live demo: Buffs" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-buff/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo uses GS2-Buff to double idle rewards only while a campaign is running. The campaign is a window opened by a GS2-Schedule trigger, and it lasts 24 hours once started. The buff is applied at the moment you receive, so pressing <strong>Receive</strong> during the campaign doubles everything built up until then.</p>/showroom/micro-economy-login-reward/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-login-reward/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-login-reward/" title="Live demo: Login Rewards" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-login-reward/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo shows a seven-day login bonus built on GS2-LoginReward. Each <strong>Receive</strong> once a day pays that day&rsquo;s coins into your wallet and marks the day <strong>Received</strong> under <strong>Seven days</strong>. The day turns over at 15:00 UTC (midnight in Japan), but a button moves your clock forward a day so you can claim the next one right away.</p>/showroom/micro-economy-mission/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-mission/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-mission/" title="Live demo: Missions" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-mission/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>This demo shows how GS2-Mission keeps counters and missions apart. Four missions watch one counter, so a single press moves all four, and they complete separately because their targets differ. The counter keeps four windows at once (today, this week, this month and all time), and the two mission groups differ in when their rewards come back: never (career) or every day (daily).</p>/showroom/micro-economy-quest/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-quest/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-quest/" title="Live demo: Quests" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-quest/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Pick one of three quests (<strong>Forest patrol</strong>, <strong>Cave expedition</strong>, <strong>Dragon hunt</strong>), start it, and clear it for a reward. Starting a quest spends stamina, and clearing it pays free coins, with a bonus on top the first time only. Only one quest can be in progress at a time.</p>/showroom/foundation-economy-character-dictionary/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-character-dictionary/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-character-dictionary/" title="Live demo: Character Dex" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-character-dictionary/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A dex of four characters (<code>knight</code>, <code>mage</code>, <code>archer</code>, <code>healer</code>). Pressing <strong>Recruit</strong> acquires the character and files it in the dex in a single transaction, and the dex keeps the moment it first arrived. Once a character is in the dex it stays there, and its <strong>Recruit</strong> button is no longer shown.</p>/showroom/foundation-economy-character-formation/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-character-formation/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-character-formation/" title="Live demo: Party Formation" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-character-formation/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Build parties from the characters you have recruited. Each party has three slots (<code>slot1</code> to <code>slot3</code>); you start with room for 2 parties and can expand to 4. On the <strong>Party</strong> board you switch between parties and tap character cards to put them in or take them out.</p>/showroom/foundation-economy-character/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-character/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-character/" title="Live demo: Characters" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-character/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Recruit any of four characters (<code>knight</code>, <code>mage</code>, <code>archer</code>, <code>healer</code>) for free, then train them to gain experience and levels. Every recruit uses one slot of your roster and appears as its own row under <strong>Train a character</strong>. Each character keeps its own experience and level, with a level cap of 10.</p>/showroom/foundation-economy-equipment/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-economy-equipment/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-economy-equipment/" title="Live demo: Equipment" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-economy-equipment/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Take equipment from a catalog of three pieces (<code>iron-sword</code>, <code>oak-staff</code>, <code>steel-shield</code>) and put it in your bag. Every piece you take becomes its own row in your list and uses one slot of the bag. When the bag fills up you can expand it, and you can discard pieces you no longer want.</p>/showroom/micro-economy-character-enhance/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-character-enhance/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-character-enhance/" title="Live demo: Character Enhancement" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-character-enhance/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Spend enhancement materials to give a character experience. There are two materials, <code>potion</code> (worth 300 experience) and <code>elixir</code> (worth 1000), and each enhancement has a 20% chance of a great success that grants 1.5 times the experience. Recruit a character, get some materials, then spend them on the character&rsquo;s row.</p>/showroom/micro-economy-character-grade/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-character-grade/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-character-grade/" title="Live demo: Character Grades" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-character-grade/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Train a character to its level cap, then break the limit to raise its grade and lift the cap. There are three grades: the level cap is 10 at grade 1, 20 at grade 2 and 30 at grade 3. The limit-break button is only enabled when the character is at its level cap and below the top grade.</p>/showroom/micro-economy-equipment-enchant/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-equipment-enchant/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-equipment-enchant/" title="Live demo: Equipment Enchantment" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-equipment-enchant/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Each piece of equipment you take rolls 1 to 3 random bonuses (enchantments) of its own. Bonuses are drawn by weight from six options (<code>attack</code>, <code>defense</code>, <code>hp</code>, <code>speed</code>, <code>critical</code>, <code>luck</code>) and shown on the piece&rsquo;s row as text such as <code>attack +12 / hp +50</code>. You can spend coins to reroll the bonuses or to add one more.</p>/showroom/micro-economy-skill-tree/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-skill-tree/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-skill-tree/" title="Live demo: Skill Tree" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-skill-tree/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Recruit a character, open its skill tree, and spend coins to unlock nodes. The tree has four nodes, <code>first</code>, <code>left</code>, <code>right</code> and <code>last</code>: <code>left</code> and <code>right</code> each require <code>first</code>, and <code>last</code> requires both <code>left</code> and <code>right</code>. Progress is kept separately for each character, and an unlocked node can be put back for half of what it cost.</p>/showroom/micro-economy-equipment-loadout/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-economy-equipment-loadout/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-economy-equipment-loadout/" title="Live demo: Equipment Loadout" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-economy-equipment-loadout/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Recruit characters, take equipment, and put it into each character&rsquo;s own <code>weapon</code> and <code>armor</code> slots. Each slot only accepts certain equipment: <code>weapon</code> takes <code>iron-sword</code> and <code>oak-staff</code>, and <code>armor</code> takes only <code>steel-shield</code>. Put the wrong piece in a slot and GS2 itself refuses it, not the page. A piece of equipment can be worn by only one character at a time.</p>/showroom/foundation-social-graph/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-social-graph/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-social-graph/" title="Live demo: Friends &amp; Profile" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-social-graph/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p>/showroom/foundation-social-guild/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-social-guild/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-social-guild/" title="Live demo: Guilds" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-social-guild/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Found a guild that every showroom visitor shares, or find one another visitor founded and join it. A guild either lets anybody join or has the master approve each request, and the master can answer join requests, hand the guild over, or disband it. A guild starts with room for 5 and can grow to 10, and each player belongs to one guild at a time.</p>/showroom/foundation-liveops-inbox/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-liveops-inbox/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-liveops-inbox/" title="Live demo: Inbox" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-liveops-inbox/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Have an operator announcement and a gift with coins attached delivered to your own inbox, then open them. Delivered messages appear unread under <strong>Your inbox</strong> and turn read once opened. Opening the gift pays its 100 coins into the wallet under <strong>Where the coins land</strong>.</p>/showroom/foundation-liveops-version/Mon, 01 Jan 0001 00:00:00 +0000/showroom/foundation-liveops-version/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/foundation-liveops-version/" title="Live demo: Version Gate" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/foundation-liveops-version/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>One version check covers both the agreements a player accepted and the app and asset versions the client reports. Answer the required <code>terms</code> (latest 2.0.0) and the optional <code>marketing</code>, pick the versions the client claims, and press <strong>Check versions</strong> to see ok, warning or error for each. The check passes only when nothing is an error, and then GS2 issues a project token.</p>/showroom/micro-liveops-guild-ranking/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-liveops-guild-ranking/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-liveops-guild-ranking/" title="Live demo: Guild Rankings" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-liveops-guild-ranking/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A leaderboard partitioned by guild. Found or join a guild under <strong>Guild lobby</strong>, then press <strong>Play</strong> under <strong>Guild ranking</strong> to add points; your rank is shown among the members of your own guild. The season turns over every day at 00:00 UTC, and a finished season pays coins by your rank. Guilds are not ranked against each other.</p>/showroom/micro-liveops-ranking/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-liveops-ranking/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-liveops-ranking/" title="Live demo: Rankings" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-liveops-ranking/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A leaderboard shared by every visitor. Start a three-minute contest under <strong>Score contest</strong>, post scores, and once your contest is over, receive coins by the rank you finished at. Each visitor&rsquo;s entry window is opened by a GS2-Schedule trigger, and the scores and rewards are a GS2-Ranking2 global ranking.</p>/showroom/micro-liveops-serial-code/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-liveops-serial-code/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-liveops-serial-code/" title="Live demo: Serial Codes" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-liveops-serial-code/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>Type a campaign code and get a reward. Enter <code>WELCOME2026</code> in the field under <strong>Redeem a campaign code</strong> and press <strong>Redeem</strong>; 100 coins land in the wallet under <strong>Where the coins land</strong>. Each visitor can redeem once, and a second try or a wrong code is refused with the reason.</p>/showroom/micro-shop-character-gacha/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-shop-character-gacha/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-shop-character-gacha/" title="Live demo: Character Gacha" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-shop-character-gacha/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A gacha that draws characters for coins. Buy coins under <strong>Buy coins</strong>, pull the gacha under <strong>Draw a character</strong>, and the character you get is added to <strong>Your characters</strong>. Each draw runs the coin withdrawal from GS2-Money2, the GS2-Lottery draw and the GS2-Inventory grant as one transaction.</p>/showroom/micro-shop-currency/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-shop-currency/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-shop-currency/" title="Live demo: Currency Shop" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-shop-currency/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A currency shop lined with coin packs. Press <strong>Buy</strong> on a product under <strong>Buy coins</strong>; the purchase goes through with a test receipt and the coins land in the wallet shown under <strong>Your coins</strong>. The products, prices and amounts are a GS2-Showcase shelf, and each purchase runs GS2-Money2 receipt verification and the deposit as one transaction.</p>/showroom/micro-shop-energy/Mon, 01 Jan 0001 00:00:00 +0000/showroom/micro-shop-energy/<div class="gs2-showroom-demo"> <div class="gs2-showroom-demo__frame"> <iframe src="https://gs2.io/showroom/micro-shop-energy/" title="Live demo: Stamina Shop" loading="lazy" allow="clipboard-read; clipboard-write; fullscreen" allowfullscreen ></iframe> </div> <p class="gs2-showroom-demo__actions"> <a class="btn btn-outline-primary btn-sm" href="https://gs2.io/showroom/micro-shop-energy/" target="_blank" rel="noopener">Open in a new tab <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i> </a> </p> </div> <div class="alert alert-info" role="alert"><div class="h4 alert-heading" role="heading">About this demo</div> <p>The demo signs in automatically with an anonymous account. The account is shared across every demo in the showroom, so items and currency you get in one demo carry over to the others. Loading takes a moment. If the frame is too small, open the demo in a new tab.</p> </div> <h2 id="overview">Overview<a class="td-heading-self-link" href="#overview" aria-label="Heading self-link"></a></h2><p>A shop that sells stamina for coins. Collect free coins under <strong>Get coins</strong>, use some stamina under <strong>Your stamina</strong>, then buy one of the three refill tiers on <strong>The shelf</strong>. Each purchase is a GS2-Exchange exchange that withdraws coins from GS2-Money2 and refills GS2-Stamina in one transaction.</p>