{"id":200,"date":"2026-09-28T20:05:43","date_gmt":"2026-09-28T20:05:43","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/spellchemists\/?p=200"},"modified":"2026-10-24T17:48:04","modified_gmt":"2026-10-24T17:48:04","slug":"week-5-visualizing-spells-and-strengthening-our-world","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/spellchemists\/week-5-visualizing-spells-and-strengthening-our-world\/","title":{"rendered":"Week 5: Visualizing Spells and Strengthening Our World"},"content":{"rendered":"\n<p class=\"alignwide wp-block-paragraph\">Welcome back to the <em>SpellChemists<\/em> development blog! This week, we made new progress in both design and art. On the design side, we iterated on our spell system and visualized how different types of spells will behave during play. Although we do not plan to implement the full tutorial before Halves, we also completed the design work needed to define how the game\u2019s core mechanics should be introduced. Meanwhile, after finishing the elemental rune and Swift models last week, our artists continued developing the 3D visual direction of the project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Giving Each Spell Type a Clear Purpose<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">We currently divide our spells into four categories: <strong>Attack, Defence, Force, and Mobility<\/strong>. Rather than treating them as four variations of the same action, we want each category to support a different kind of decision.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Attack spells turn aim and positioning into immediate damage, making them the most direct way to pressure an opponent. Defence spells allow players to creating opportunities to survive an incoming attack or remain in a risky position for longer. Force spells push or pull one or more characters, allowing players to disrupt positioning and take advantage of the elemental terrain introduced last week. Mobility spells reposition the caster and can shape the space they move through, opening new possibilities for approaching, escaping, or preparing a future attack.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">This means that spell selection is not only about choosing how much damage to deal. Players must also consider where both characters will end up, how a spell interacts with the arena, and whether an immediate effect is more valuable than creating an advantage for a later turn.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"206\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-1024x206.png\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-1024x206.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-300x60.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-768x155.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-1536x310.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9568-1-2048x413.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Attack Spell<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"207\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-1024x207.png\" alt=\"\" class=\"wp-image-202\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-1024x207.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-300x61.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-768x155.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-1536x310.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9569-1-2048x413.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Defense Spell<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"209\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-1024x209.png\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-1024x209.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-300x61.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-768x157.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-1536x314.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9571-1-2048x418.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Force Spell &#8211; Single Target<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"275\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-1024x275.png\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-1024x275.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-300x81.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-768x206.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-1536x413.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9570-1-2048x550.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Force Spell &#8211; Mult-Target<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"206\" src=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-1024x206.png\" alt=\"\" class=\"wp-image-205\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-1024x206.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-300x60.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-768x155.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-1536x310.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/IMG_9572-1-2048x413.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Mobility Spell<\/figcaption><\/figure>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">To make these interactions easier to evaluate, we created visual sequences showing the full casting process for different spell behaviors. These diagrams helped us compare casting range, targeting, rune orientation, Focus Point cost, movement, elemental infliction, and the timing of each spell\u2019s resolution. They also provide a shared reference for design, programming, UI, art, and VFX as we begin translating the spell system into the game.<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Planning the Tutorial<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">The tutorial begins with the basic physical language of <em>SpellChemists<\/em>: moving a character, placing and orienting a rune, selecting a spell, and seeing its effects resolve. It then introduces elemental interactions before moving into Force, Mobility, and Defence spells. This sequence allows players to first understand an individual action and then learn how different actions can be combined with terrain, positioning, buffs, and debuffs.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Designing these scenarios also gave us a useful test for the spell system itself. If a mechanic cannot be demonstrated clearly in a short, controlled situation, its rules or feedback may still need refinement.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6782e22540&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6782e22540\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"808\" 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\/Tutorial-1024x808.png\" alt=\"\" class=\"wp-image-206\" style=\"width:658px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Tutorial-1024x808.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Tutorial-300x237.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Tutorial-768x606.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Tutorial-1536x1212.png 1536w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/Tutorial-2048x1616.png 2048w\" 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<h2 class=\"wp-block-heading alignwide\">Bringing Tank into 3D<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">On the art side, we continued developing our two character rigs. In contrast to Swift\u2019s light and agile silhouette, Tank has a broader, heavier body designed to communicate strength at a glance. Its thicker proportions and grounded shape make the difference between the two rigs visible before the player reads any statistics or spell descriptions. This week, our artists continued translating that design into a 3D model. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6782e2288a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6782e2288a\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"963\" 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\/rigs-1-1-1024x963.png\" alt=\"\" class=\"wp-image-208\" style=\"width:388px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/rigs-1-1-1024x963.png 1024w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/rigs-1-1-300x282.png 300w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/rigs-1-1-768x722.png 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/10\/rigs-1-1.png 1152w\" 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<h2 class=\"wp-block-heading alignwide\">Finalizing Our Production Materials<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">We also finalized our design production materials! You may have already noticed a small version of our project logo in your browser tab. Alongside the logo, we completed our poster, half sheet, and team photo, all of the production material has been uploaded to our <a href=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/media\/\" data-type=\"page\" data-id=\"21\">Media Page.<\/a> <\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Over the past several weeks, we explored and revised the poster layout multiple times. The final composition centers on a dynamic duel between Tank and Swift, capturing both the competitive energy of the Arena and the contrasting identities of our two character rigs. You can visit our Media page to see the completed artwork in greater detail.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">We are excited to see how these materials look in print, and we look forward to sharing the physical versions with you in the future.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae6782e22b8b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae6782e22b8b\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" 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\/09\/SpellChemists_poster-769x1024.jpg\" alt=\"\" class=\"wp-image-472\" style=\"width:422px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-769x1024.jpg 769w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-225x300.jpg 225w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-768x1022.jpg 768w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-1154x1536.jpg 1154w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-1539x2048.jpg 1539w, https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-content\/uploads\/2026\/09\/SpellChemists_poster-scaled.jpg 1923w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><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","protected":false},"excerpt":{"rendered":"<p>This week, our spells get more personalities. We visualized how Attack, Defense, Force, and Mobility spells create different tactical choices, planned a tutorial for first-time players, and continued bringing Tank into 3D. We also wrapped up our logo, poster, half sheet, and team photo!<\/p>\n","protected":false},"author":2,"featured_media":172,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[19,16,20],"class_list":["post-200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-art","tag-game-design","tag-production"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/200","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=200"}],"version-history":[{"count":3,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/posts\/200\/revisions\/474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/media\/172"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/spellchemists\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}