{"id":15,"date":"2021-09-15T21:29:00","date_gmt":"2021-09-15T21:29:00","guid":{"rendered":"https:\/\/mathmagi.com\/wordpress\/?p=15"},"modified":"2021-10-01T01:52:51","modified_gmt":"2021-10-01T01:52:51","slug":"slice-the-pie","status":"publish","type":"post","link":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/","title":{"rendered":"Slice the Pie"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I&#8217;ll admit it &#8211; I&#8217;m a math geek. I think of math like poetry. The beauty of math is not in its practicality; rather the opposite. The number system is complex and theoretical, and learning about it stretches our brains in ways most things don&#8217;t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But to appreciate math, you need to master the basics so that your brain can focus on the deeper ideas and concepts. One of those basic skills in understanding the relationship between numbers. How big is x compared to y? That&#8217;s why I created <a href=\"http:\/\/mathmagi.com\/slice\" data-type=\"URL\" data-id=\"http:\/\/mathmagi.com\/slice\">Slice the Pie<\/a>, an interactive game that develops this understanding. It works great on mobile and not too bad with a computer and mouse.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif?resize=243%2C528&#038;ssl=1\" alt=\"\" class=\"wp-image-16\" width=\"243\" height=\"528\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">My design goals were:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create something that runs well on pretty much any device and browser. It&#8217;s a pure HTML5 app, nothing more.<\/li><li>Make it easy to try.  No app downloads, no software installs, etc. The game teaches you how to play and you can learn in seconds.<\/li><li>It should wire your brain the right way as you play it. It works your brain hard in a short period of time. The core concepts are depicted visually in high contrast colors, and there are very few other visual elements.<\/li><li>It should make you want to play again and get better. Simple gamefication elements like a leaderboard taps the spirit of competition.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ve had educators introduce it to their students and give me very positive feedback. I&#8217;ve hooked friends on it too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The code is not a thing of beauty. Most of the magic happens in a single HTML Canvas, as such I did not get much help from UI frameworks like React or Bootstrap. I had very little experience with Javascript and CSS going in, and if I had time I would re-write the game from scratch knowing what I do now.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ironically, the math required to build this simple math game is quite complex. I couldn&#8217;t find a good graphics library that created the rendering affects that I needed, so I rolled my own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The only data persistence requirements are for the scoreboard, which shows the top scores on a given day. A simple read and write to a Firebase database did the trick.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And I could have used the help of a state machine implementation or design pattern, as the behavior of the game is very much tied to the state of the game. Here too I rolled my own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Give it a whirl. I hope you like it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ll admit it &#8211; I&#8217;m a math geek. I think of math like poetry. The beauty of math is not in its practicality; rather the opposite. The number system is complex and theoretical, and learning about it stretches our brains in ways most things don&#8217;t. But to appreciate math, you need to master the basics&hellip; <a class=\"more-link\" href=\"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/\">Continue reading <span class=\"screen-reader-text\">Slice the Pie<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[5],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-math","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Slice the Pie - Paul Rehmet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slice the Pie - Paul Rehmet\" \/>\n<meta property=\"og:description\" content=\"I&#8217;ll admit it &#8211; I&#8217;m a math geek. I think of math like poetry. The beauty of math is not in its practicality; rather the opposite. The number system is complex and theoretical, and learning about it stretches our brains in ways most things don&#8217;t. But to appreciate math, you need to master the basics&hellip; Continue reading Slice the Pie\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/\" \/>\n<meta property=\"og:site_name\" content=\"Paul Rehmet\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-15T21:29:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-01T01:52:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/44e3f8577427363ffaed227ed74eee0c\"},\"headline\":\"Slice the Pie\",\"datePublished\":\"2021-09-15T21:29:00+00:00\",\"dateModified\":\"2021-10-01T01:52:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/\"},\"wordCount\":425,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/VideoToGif_GIF.gif\",\"articleSection\":[\"Math\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/\",\"url\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/\",\"name\":\"Slice the Pie - Paul Rehmet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/VideoToGif_GIF.gif\",\"datePublished\":\"2021-09-15T21:29:00+00:00\",\"dateModified\":\"2021-10-01T01:52:51+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/44e3f8577427363ffaed227ed74eee0c\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/mathmagi.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/VideoToGif_GIF.gif?fit=346%2C750&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/mathmagi.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/VideoToGif_GIF.gif?fit=346%2C750&ssl=1\",\"width\":346,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/slice-the-pie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Slice the Pie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/\",\"name\":\"Paul Rehmet\",\"description\":\"Product Manager    |   Software Engineer    |    Digital Marketer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/44e3f8577427363ffaed227ed74eee0c\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/mathmagi.com\\\/wordpress\"],\"url\":\"https:\\\/\\\/mathmagi.com\\\/wordpress\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slice the Pie - Paul Rehmet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/","og_locale":"en_US","og_type":"article","og_title":"Slice the Pie - Paul Rehmet","og_description":"I&#8217;ll admit it &#8211; I&#8217;m a math geek. I think of math like poetry. The beauty of math is not in its practicality; rather the opposite. The number system is complex and theoretical, and learning about it stretches our brains in ways most things don&#8217;t. But to appreciate math, you need to master the basics&hellip; Continue reading Slice the Pie","og_url":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/","og_site_name":"Paul Rehmet","article_published_time":"2021-09-15T21:29:00+00:00","article_modified_time":"2021-10-01T01:52:51+00:00","og_image":[{"url":"https:\/\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#article","isPartOf":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/"},"author":{"name":"admin","@id":"https:\/\/mathmagi.com\/wordpress\/#\/schema\/person\/44e3f8577427363ffaed227ed74eee0c"},"headline":"Slice the Pie","datePublished":"2021-09-15T21:29:00+00:00","dateModified":"2021-10-01T01:52:51+00:00","mainEntityOfPage":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/"},"wordCount":425,"commentCount":0,"image":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#primaryimage"},"thumbnailUrl":"https:\/\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif","articleSection":["Math"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/","url":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/","name":"Slice the Pie - Paul Rehmet","isPartOf":{"@id":"https:\/\/mathmagi.com\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#primaryimage"},"image":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#primaryimage"},"thumbnailUrl":"https:\/\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif","datePublished":"2021-09-15T21:29:00+00:00","dateModified":"2021-10-01T01:52:51+00:00","author":{"@id":"https:\/\/mathmagi.com\/wordpress\/#\/schema\/person\/44e3f8577427363ffaed227ed74eee0c"},"breadcrumb":{"@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#primaryimage","url":"https:\/\/i0.wp.com\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif?fit=346%2C750&ssl=1","contentUrl":"https:\/\/i0.wp.com\/mathmagi.com\/wordpress\/wp-content\/uploads\/2021\/09\/VideoToGif_GIF.gif?fit=346%2C750&ssl=1","width":346,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/mathmagi.com\/wordpress\/slice-the-pie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mathmagi.com\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Slice the Pie"}]},{"@type":"WebSite","@id":"https:\/\/mathmagi.com\/wordpress\/#website","url":"https:\/\/mathmagi.com\/wordpress\/","name":"Paul Rehmet","description":"Product Manager    |   Software Engineer    |    Digital Marketer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mathmagi.com\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mathmagi.com\/wordpress\/#\/schema\/person\/44e3f8577427363ffaed227ed74eee0c","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14c096fcf916e1e38ff0cabe45fe3f53fe0db56617d77f93490ea566d966cb8c?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/mathmagi.com\/wordpress"],"url":"https:\/\/mathmagi.com\/wordpress\/author\/admin\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":3,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/posts\/15\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mathmagi.com\/wordpress\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}