{"id":60,"date":"2022-06-17T13:17:16","date_gmt":"2022-06-17T13:17:16","guid":{"rendered":"https:\/\/codebug.uk\/?p=60"},"modified":"2025-04-28T00:11:31","modified_gmt":"2025-04-28T00:11:31","slug":"play-the-catflip-game","status":"publish","type":"post","link":"https:\/\/codebug.uk\/index.php\/2022\/06\/17\/play-the-catflip-game\/","title":{"rendered":"Play the CatFlip game!"},"content":{"rendered":"\n<p>As part of <a href=\"https:\/\/www.twitch.tv\/novaliminal\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">NovaLiminal<\/mark><\/a>&#8216;s Chill Vibes Jam, I produced <a href=\"https:\/\/editor.p5js.org\/CodeBug\/full\/Yrw4uGbq-\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">CatFlip<\/mark><\/a> using <a href=\"https:\/\/p5js.org\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">P5.js<\/mark><\/a>.<\/p>\n\n\n\n<p>I didn&#8217;t have a lot of time to produce anything and I didn&#8217;t want the stress of taking on a large project. However, I did want to take part in some small way, so my plan was to keep things pretty simple.<\/p>\n\n\n\n<p>Once you have settled on making something small and stupid just for fun, it can be very liberating. After all, it is just a jam and you now have no pressure to &#8216;make something good&#8217;. I found the process of making this game far more enjoyable than the one I made for Ludum Dare in April.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The initial idea<\/h2>\n\n\n\n<p>My inspiration for this game was one of the assets that I submitted. Note: asset creation for the jam was a collective activity and all games were to be made using only these assets.<\/p>\n\n\n\n<p>I had submitted a 3D cat model. However, as it was un-rigged, had no back legs and was just in a sitting pose, I felt that it wouldn&#8217;t be of any use to anyone. <\/p>\n\n\n\n<p>I then looked at one of the other submissions, a running character sprite by Dennes: <img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"wp-image-61\" style=\"width: 32px;\" src=\"https:\/\/codebug.uk\/wp-content\/uploads\/2022\/06\/PlayerRun2.gif\" alt=\"\"><\/p>\n\n\n\n<p>I thought: &#8216;I suppose the only thing you can do with the cat is use it as a 2D image and animate the tail to flip up&#8217;. Then, in my peculiar brain, it was a short leap to having the tiny character falling onto the cat and then being flipped into the air by the tail. But I no actual intention of making this into a game, at this point.<\/p>\n\n\n\n<p>It was only as the jam period wore on that I wanted to find something small and (hopefully) easy to do so that I could take part in the jam. Having no other ideas and not wanting to go through the brain-storming process I thought: &#8216;Why not make the cat game?&#8217;<\/p>\n\n\n\n<p>It was just intended to be a joke game but it is playable (to some degree) and I am quite pleased with the result.<\/p>\n\n\n\n<p>You can play it here: <a href=\"https:\/\/editor.p5js.org\/CodeBug\/full\/Yrw4uGbq-\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">https:\/\/editor.p5js.org\/CodeBug\/full\/Yrw4uGbq-<\/mark><\/a>, let me know what you think!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As part of NovaLiminal&#8216;s Chill Vibes Jam, I produced CatFlip using P5.js. I didn&#8217;t have a lot of time to produce anything and I didn&#8217;t want the stress of taking on a large project. However, I did want to take part in some small way, so my plan was to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-60","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":4,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/posts\/60\/revisions\/67"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/media\/62"}],"wp:attachment":[{"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codebug.uk\/index.php\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}