--- title: How We Built Purrfect Code: A Puzzle Game for Developers description: Purrfect Code is a box-pushing programming puzzle game designed for developers, built using Flutter, Dart, and the Flame game engine. Players use JavaScript to... canonical: https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How We Built Purrfect Code: A Puzzle Game for Developers | daily.dev og:description: Purrfect Code is a box-pushing programming puzzle game designed for developers, built using Flutter, Dart, and the Flame game engine. Players use JavaScript to... og:url: https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu og:image: https://api.daily.dev/og/posts/CKFihLeTu.png og:image:alt: How We Built Purrfect Code: A Puzzle Game for Developers og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How We Built Purrfect Code: A Puzzle Game for Developers **[Google Developers](https://daily.dev/sources/googledevs)** · 9 min read · 35 upvotes · 1 comments ## Summary Purrfect Code is a box-pushing programming puzzle game designed for developers, built using Flutter, Dart, and the Flame game engine. Players use JavaScript to control a robot navigating grid-based puzzles to achieve efficient solutions. The game leverages WebAssembly for optimal browser performance and integrates with Google Developer Program for achievements. Firebase Hosting ensures secure and efficient global delivery. Project IDX was utilized for cloud-based development, offering features like intelligent code completion and real-time error checking. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@captainmirage** · 2 upvotes > this is what i would call annoying and not practical but still the art is good and its not broken, just the mechanic is annoying --- Tags: [#javascript](https://daily.dev/tags/javascript), [#game-development](https://daily.dev/tags/game-development), [#flutter](https://daily.dev/tags/flutter), [#webassembly](https://daily.dev/tags/webassembly), [#dart](https://daily.dev/tags/dart) [View this post on daily.dev](https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How We Built Purrfect Code: A Puzzle Game for Developers","url":"https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu"},"datePublished":"2024-08-08T13:06:10.530Z","dateModified":"2024-11-06T15:54:03.379Z","description":"Purrfect Code is a box-pushing programming puzzle game designed for developers, built using Flutter, Dart, and the Flame game engine. Players use JavaScript to...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5341c7a9d38c86f3a01f2fe01d9921b2?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5341c7a9d38c86f3a01f2fe01d9921b2?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"Google Developers","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Google Developers","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ea4bbded4e7f45ccb82e121a3156535f","url":"https://daily.dev/sources/googledevs"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":35},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"javascript,game-development,flutter,webassembly,dart","timeRequired":"PT9M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Google Developers","item":"https://daily.dev/sources/googledevs"},{"@type":"ListItem","position":3,"name":"How We Built Purrfect Code: A Puzzle Game for Developers"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/how-we-built-purrfect-code-a-puzzle-game-for-developers-ckfihletu","comment":[{"@type":"Comment","text":"this is what i would call annoying and not practical but still the art is good and its not broken, just the mechanic is annoying","datePublished":"2024-09-23T13:14:03.628Z","url":"https://daily.dev/posts/CKFihLeTu#c-pTzz6UFLR","author":{"@type":"Person","name":"Captain Mirage","url":"https://daily.dev/captainmirage","image":"https://media.daily.dev/image/upload/s--oYs4KgZ2--/f_auto/v1730327548/avatars/avatar_NevqcXZiChGNNrT8znX53"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```