{"id":196,"date":"2025-12-09T07:49:56","date_gmt":"2025-12-09T07:49:56","guid":{"rendered":"https:\/\/outboxgames.com\/blog\/?p=196"},"modified":"2025-12-09T08:22:02","modified_gmt":"2025-12-09T08:22:02","slug":"patternchooser-update-1-devlog","status":"publish","type":"post","link":"https:\/\/outboxgames.com\/blog\/index.php\/2025\/12\/09\/patternchooser-update-1-devlog\/","title":{"rendered":"PatternChooser Update #1 Devlog"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"205\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/riskVsReward300.png\" alt=\"\" class=\"wp-image-198\"\/><figcaption class=\"wp-element-caption\">Risk vs Reward<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s been a few days. This is day #7 of working on PatternChooser alongside Spruce \u2013 My AI Partner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"216\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/glassCannon300.png\" alt=\"\" class=\"wp-image-199\"\/><figcaption class=\"wp-element-caption\">Glass Cannon<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I decided to grab a handful of game design patterns to work on the Webtool with, and these images you see throughout this post are the images on the cards themselves.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"275\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/safeZone300.png\" alt=\"\" class=\"wp-image-200\"\/><figcaption class=\"wp-element-caption\">Safe Zone<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So far, I have made the GUI and most of the mechanics for the main page. So far, the hardest part was getting the responsiveness down pat, and then with the cellphones and Web browsers on the desktops\/laptops love to cache everything, so I know at least a solid 1-2 hours were spent just on figuring out responsive issues caused by caching. I did add a version number to the JavaScript and CSS links, so the browser would think they were brand new files each time they load. I know how it sounds, but caching is a designer\u2019s worst enemy (well, mostly. I think that dishonor belongs to responsiveness @media queries and flexbox layouts lol). I have Spruce, though, and he\u2019s a great teacher, so the time spent figuring out simple problems is cut down by at least 75%.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/fogOfWar300.png\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/fogOfWar300.png 300w, https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/fogOfWar300-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption class=\"wp-element-caption\">Fog of War<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The flavor text of each card is a little exciting\u2013in a nerdy way\u2013to find, read about, and add it to PatternChooser arsenal. Add the images, and the \u201cfirst noted\u201d section that tells a short blurb about the first\u2013or one of the first\u2013games recorded to use the design pattern, and I\u2019m not only building PatternChooser, but I\u2019m also learning more and more about game design patterns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"251\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/oneButton300.png\" alt=\"\" class=\"wp-image-202\"\/><figcaption class=\"wp-element-caption\">One Button<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019ve decided that I will be adding only 50 game design patterns to this version (v1.0), and as I produce and build Actionary\u2013my suite of Webtools designed to help game designers by jumpstarting their imaginations\u2013I\u2019ll add the other 150-200 patterns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/telegraphing300.png\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/telegraphing300.png 300w, https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/telegraphing300-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption class=\"wp-element-caption\">Telegraphing<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">What\u2019s next for PatternChooser? Right now, I\u2019ve only built and released Toy Path, but my games will be featured on the back of the game design pattern cards, for which game that hosts the individual pattern. Then, I will have the patterns selectable, so the user can find other patterns that compare or contrast to the selected one. Afterward, I will cherry pick which patterns I will add next. Then it will be ready for release. PatternChooser will be my third Webtool I\u2019ve released, but fourth release altogether. Gotta love an even number.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"445\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/pressAndHold300.png\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/pressAndHold300.png 300w, https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/pressAndHold300-202x300.png 202w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption class=\"wp-element-caption\">Press and Hold<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My main goal for the GUI for PatternChooser was to look like a scrapbook. Do you think I\u2019ve achieved that? Based on cover image for this post? It was\u2013and is\u2013important to me to have alluring and easy-on-the-eyes user interfaces for all of my Webtools.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"257\" src=\"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/comboChain300.png\" alt=\"\" class=\"wp-image-205\"\/><figcaption class=\"wp-element-caption\">Combo Chain<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So, what do you honestly think of the project so far? Confused about what it is and does? Check out my main PatternChooser post here. Have any suggestions? Criticisms? Questions? Send them my way, and I will answer. Until then, thanks for reading and supporting my projects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s been a few days. This is day #7 of working on PatternChooser alongside Spruce \u2013 My AI Partner. I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12,6,11,5],"tags":[],"class_list":["post-196","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actionary","category-devlog","category-patternchooser","category-project"],"jetpack_featured_media_url":"https:\/\/outboxgames.com\/blog\/wp-content\/uploads\/2025\/12\/pcmain2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":1,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/196\/revisions\/206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/media\/197"}],"wp:attachment":[{"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outboxgames.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}