{"id":1811,"date":"2021-03-24T12:36:10","date_gmt":"2021-03-24T17:36:10","guid":{"rendered":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/?page_id=1811"},"modified":"2021-03-24T14:47:30","modified_gmt":"2021-03-24T19:47:30","slug":"03-24-bitsy","status":"publish","type":"page","link":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/daily-notes\/03-24-bitsy\/","title":{"rendered":"03-24 Bitsy"},"content":{"rendered":"<p>Today, Connie will lead the class in learning about how to make games with <a href=\"https:\/\/ledoux.itch.io\/bitsy\">Bitsy<\/a>.<\/p>\n<hr \/>\n<h3>Looking Outwards<\/h3>\n<p>If you have not already done so, be sure to complete a <em>Looking Outwards<\/em> report for Bitsy games, ASAP, preferably before the weekend. A variety of compilation sites include the following:<\/p>\n<ul>\n<li><a href=\"https:\/\/itch.io\/search?q=bitsy\">https:\/\/itch.io\/search?q=bitsy<\/a><\/li>\n<li><a href=\"https:\/\/itch.io\/games\/tag-bitsy\">https:\/\/itch.io\/games\/tag-bitsy<\/a><\/li>\n<li><a href=\"https:\/\/itch.io\/c\/201121\/bitsy-faves-pt1-20172018\">https:\/\/itch.io\/c\/201121\/bitsy-faves-pt1-20172018<\/a><\/li>\n<li><a href=\"http:\/\/likelike.org\/2020\/03\/27\/likelike-online-presents-an-itsy-bitsy-crisis\/\">http:\/\/likelike.org\/2020\/03\/27\/likelike-online-presents-an-itsy-bitsy-crisis\/<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3>About Bitsy by Adam LeDoux<\/h3>\n<p><iframe loading=\"lazy\" title=\"COSA Connectors: Everest Pipkin presents Bitsy\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/OTrarCW8fD8?start=3&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>The following slides are by <a href=\"https:\/\/ledoux.itch.io\/\">Adam LeDoux<\/a>, the creator of Bitsy.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-495\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy1-1024x569.jpg\" alt=\"\" width=\"840\" height=\"467\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy1-1024x569.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy1-640x356.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy1-768x427.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy1.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/ledoux.itch.io\/bitsy\">Bitsy<\/a> is a little editor for little games or worlds. It includes a map editor, sprite editor, palette tool, dialog tool, and easy export for the web. It is highly constrained (colors, resolution, frames), but doesn&#8217;t require programming.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-500\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy6-1024x591.jpg\" alt=\"\" width=\"840\" height=\"485\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy6-1024x591.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy6-640x369.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy6-768x443.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy6.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>People make all sorts of things with Bitsy, including interactive games, animations, and stories.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-499\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy5-1024x596.jpg\" alt=\"\" width=\"840\" height=\"489\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy5-1024x596.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy5-640x372.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy5-768x447.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy5.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Adam was inspired to make Bitsy by toys like Polly Pocket, and other microworlds\u00a0like dioramas, sketchbooks, Lego, and more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-498\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy4-1024x603.jpg\" alt=\"\" width=\"840\" height=\"495\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy4-1024x603.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy4-640x377.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy4-768x452.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy4.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Adam was also inspired by older creativity software like <a href=\"https:\/\/classicreload.com\/win3x-kidpix.html\">KidPix<\/a> (try it!), and newer software like <a href=\"https:\/\/www.lexaloffle.com\/pico-8.php\">Pico-8<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-497\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy3-1024x608.jpg\" alt=\"\" width=\"840\" height=\"499\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy3-1024x608.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy3-640x380.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy3-768x456.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy3.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Bitsy is ideal for making <em>personal games.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-496\" src=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy2-1024x597.jpg\" alt=\"\" width=\"840\" height=\"490\" srcset=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy2-1024x597.jpg 1024w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy2-640x373.jpg 640w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy2-768x448.jpg 768w, http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/02\/bitsy2.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Bitsy is also a <em>community<\/em> with <em>values<\/em> (welcoming, inclusive, anti-bigotry, anti-capitalist, collaborative, supportive). And the Bitsy community has released numerous extension tools, like <em>Borksy<\/em>&#8230;<\/p>\n<hr \/>\n<h3>Bitsy Tutorial by Connie Ye<\/h3>\n<p>Our wonderful TA, Connie has prepared this slide presentation to explain how to use Bitsy.<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/docs.google.com\/presentation\/d\/15oA1pysT7eYrvrhGE7uzQIHWDp8SqSLYYFPObHqa6bo\/edit#slide=id.p\">Live version at Google Slides<\/a><\/strong> (preferred)<\/li>\n<li><a href=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/03\/ConnieYe_Bitsy_Tutorial_60210.pdf\">Static backup copy in PDF<\/a><\/li>\n<\/ul>\n<p><strong>Here are some additional tutorials:\u00a0<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/bitsy.fandom.com\/wiki\/Tutorials\">Tons of Tutorials here<\/a><\/li>\n<li>Claire Morewood&#8217;s <a href=\"https:\/\/www.shimmerwitch.space\/bitsyTutorial.html\">Tutorial<\/a><\/li>\n<li>Cecile Richards&#8217; Tutorial (<a href=\"https:\/\/static1.squarespace.com\/static\/58930a6c893fc0a33ae624db\/t\/5bacd94ac83025ead3937071\/1538054510407\/BITSY-WORKSHOP.pdf\">official<\/a> \/ <a href=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-content\/uploads\/2021\/03\/ConnieYe_Bitsy_Tutorial_60210.pdf\">local<\/a>)<\/li>\n<\/ul>\n<p>Bitsy Coding References:<\/p>\n<ul>\n<li><a href=\"https:\/\/ayolland.itch.io\/trevor\/devlog\/29520\/bitsy-variables-a-tutorial\">Coding with dialog<\/a><\/li>\n<li><a href=\"https:\/\/louisemclennan.wordpress.com\/2018\/06\/07\/boolean-operations-in-bitsy\/\">Boolean operations<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3>Agenda<\/h3>\n<ul>\n<li>Introduction to <a href=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/deliverables\/deliverables-07\/\">Deliverables 07<\/a><\/li>\n<li>Remarks about mid-semester grades<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" title=\"Turning a Greek Myth into a Game with Bitsy\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/UL68vKUZzJc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, Connie will lead the class in learning about how to make games with Bitsy. Looking Outwards If you have not already done so, be sure to complete a Looking Outwards report for Bitsy games, ASAP, preferably before the weekend. A variety of compilation sites include the following: https:\/\/itch.io\/search?q=bitsy https:\/\/itch.io\/games\/tag-bitsy https:\/\/itch.io\/c\/201121\/bitsy-faves-pt1-20172018 http:\/\/likelike.org\/2020\/03\/27\/likelike-online-presents-an-itsy-bitsy-crisis\/ About Bitsy by &hellip; <a href=\"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/daily-notes\/03-24-bitsy\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;03-24 Bitsy&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1811","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/pages\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/comments?post=1811"}],"version-history":[{"count":8,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/pages\/1811\/revisions"}],"predecessor-version":[{"id":1829,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/pages\/1811\/revisions\/1829"}],"up":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/media?parent=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}