{"id":213,"date":"2026-10-05T18:49:50","date_gmt":"2026-10-05T18:49:50","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/spellchemists\/?p=213"},"modified":"2026-10-22T22:30:10","modified_gmt":"2026-10-22T22:30:10","slug":"week-6-progress-in-foundry-and-arena","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/spellchemists\/week-6-progress-in-foundry-and-arena\/","title":{"rendered":"Week 6: Progress in Foundry and Arena"},"content":{"rendered":"\n<p class=\"alignwide wp-block-paragraph\">Welcome back to the <em>SpellChemists<\/em> development blog! Week 6 brought substantial progress across the project, I believe our team is ready for the Halves nest week!<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">The Skeleton of the Foundry System<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-1024x576.png\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Frame-2-2048x1152.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The basic layout of the foundry<\/figcaption><\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">In this week, we have finished the skeleton of the Foundry system. The Foundry system is where players build their homunculus, unlock spells and decide their strategies before the game starts. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"765\" height=\"197\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-choose-rig.jpg\" alt=\"\" class=\"wp-image-215\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-choose-rig.jpg 765w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-choose-rig-300x77.jpg 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Initially, player <strong>choose a rig<\/strong> from the Swift and the Tank, each rig would provide player with different base stats and a passive skill. The Swift has the passive skill that increases its damage the further it moves each turn, while the Tank deals more damage when it has more shields.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">After a rig is chosen, player may be able to build their own Homunculi using the body parts with different elements. By constructing the Homunculi using different body parts, different spells would be unlocked. Each player could only choose certain number of spells in their build.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">One example: <strong>Fireball<\/strong> needs a <strong>Fire Head<\/strong>. Put a Fire Head on the homunculus and Fireball appears in the spell list. Take that head off, or replace it with Earth or Water, and Fireball locks again. Leaf Daggers works the same way with an Earth head. A heavier spell asks for more of one element, not just a single part.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-fireball-example-1024x574.jpg\" alt=\"\" class=\"wp-image-216\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-fireball-example-1024x574.jpg 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-fireball-example-300x168.jpg 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-fireball-example-768x430.jpg 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-fireball-example.jpg 1426w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">When Fire Head be equipped, Fireball appears in the Spell List. <\/figcaption><\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">However, players do not have unlimited body parts. As we mentioned earlier, each player starts with a starter pack, each pack contains body parts aligned with a specific element (fire, water or earth), along with a few from other elements. This provides players with a solid baseline build and a touch of early customization, allowing them to jump in quickly without feeling overwhelmed. Body parts can be gained through the duel, winner would be able to choose from a certain amount of parts while the loser would receive a random body part.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">When player finished building their Homunculi, they can choose to save their player data to LAN database, so they could access this data using their RFID card. These data would also be stored at a LAN shared file so all the computers in the tournament could access it.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Once the Homunculi is built, player could use it to start a duel. To start a duel, select a board and push the player to the standby area of that board. Once all players are ready, the duel is set.<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">All 25 Spells<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">In this week, we also added all 25 Spells into Arena, giving us a much more complete foundation for testing combat and balancing different builds.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;galleryId&quot;:&quot;6ae6a1ec2aad8&quot;}\" data-wp-interactive=\"core\/gallery\" class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6a1ec2ae16&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6a1ec2ae16\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"632\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"219\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-all-spell.jpg\" alt=\"\" class=\"wp-image-219\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-all-spell.jpg 654w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-all-spell-300x290.jpg 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6a1ec2b172&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6a1ec2b172\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"217\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2-1024x611.jpg\" alt=\"\" class=\"wp-image-217\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2-1024x611.jpg 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2-300x179.jpg 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2-768x458.jpg 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2-1536x916.jpg 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-spell-effect-2.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6a1ec2b3a6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6a1ec2b3a6\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"218\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell-1024x611.jpg\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell-1024x611.jpg 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell-300x179.jpg 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell-768x458.jpg 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell-1536x916.jpg 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/wo6-mobility-spell.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Designing the Arena UI for the Board<\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6a1ec2bbdb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6a1ec2bbdb\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-576x1024.png\" alt=\"\" class=\"wp-image-220\" style=\"width:350px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-576x1024.png 576w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-169x300.png 169w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-768x1365.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-864x1536.png 864w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-1152x2048.png 1152w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-Arena-swift-side-scaled.png 1440w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Basic Layout<\/figcaption><\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">The Arena interface gives players access to the information they need during combat: their equipped spells, remaining Focus Points, current health, active buffs, and a clear image of their character.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Designing this interface for the Board created a specific challenge. Its screen space is limited, and the Arena already needs enough room for players to read character positions, spell ranges, and elemental terrain. Instead of separating every piece of information into an additional panel, we looked for ways to combine related information and preserve as much space for gameplay as possible.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">One result is our health display, which is placed directly inside the circular character portrait. The character appears to stand within a container of liquid representing their remaining health. When the character takes damage, the liquid level falls like water draining from a bottle.<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"1024\" data-id=\"223\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-145-1-1-976x1024.png\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-145-1-1-976x1024.png 976w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-145-1-1-286x300.png 286w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-145-1-1-767x805.png 767w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-145-1-1.png 1132w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"971\" height=\"1024\" data-id=\"222\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-110-971x1024.png\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-110-971x1024.png 971w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-110-768x810.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-110-284x300.png 284w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-swift-110.png 1126w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Because <em>SpellChemists <\/em>uses a top-down gameplay camera, players normally cannot see the front of their homunculi clearly during a match. This would make it difficult to appreciate the character designs and the body components selected in the Foundry.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">To address this, we placed a separate camera in front of each character. The circular portrait in the UI is not a static illustration; it captures the character model in real time. This gives players a clearer view of the homunculus they created while keeping the main Arena camera focused on strategy and positioning.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">The live portrait will also allow the interface to reflect future character animations. As we add movement and spell-casting animations, players will be able to see those actions from the front without changing the top-down view of the Arena.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Our Arena UI combines traditional 2D information with interface elements placed directly in the 3D scene. This week, our artists created the first 3D environmental UI assets, including the display for Focus Points.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Rather than making every resource indicator feel like a flat overlay placed above the game, the 3D elements allow parts of the interface to exist within the same visual space as the Arena. We hope this approach will create a smoother connection between the game world and the information surrounding it, while the 2D elements continue to provide the clarity needed for detailed spells, buffs, and player status.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui-1024x575.png\" alt=\"\" class=\"wp-image-224\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui-1024x575.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui-300x168.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui-766x430.png 766w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui-1536x862.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/w06-3d-ui.png 1914w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Build your homunculus, unlock powerful spells, and prepare for battle. This week, we brought all 25 spells into the Arena and introduced new UI designs that bring our characters to life!<\/p>\n","protected":false},"author":2,"featured_media":214,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[19,14,21],"class_list":["post-213","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-art","tag-program","tag-uiux"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/213\/revisions\/385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/media\/214"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}