{"id":86,"date":"2022-04-29T23:21:29","date_gmt":"2022-04-29T23:21:29","guid":{"rendered":"https:\/\/eric.tedjamulia.com\/blog\/rebecca-funny-face\/"},"modified":"2026-10-29T05:11:03","modified_gmt":"2026-10-29T05:11:03","slug":"rebecca-funny-face","status":"publish","type":"post","link":"https:\/\/eric.tedjamulia.com\/blog\/rebecca-funny-face\/","title":{"rendered":"A very stretchy face"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">One of the fun parts of teaching Rebecca to program is that our projects do not have to be useful. This time we made a funny face in Game Lab. Moving the mouse stretches its head and mouth and moves its eyes. The arrow keys change the color. Pretty entertaining.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to show her how coordinates and variables can turn a few simple shapes into something interactive. The picture gets redrawn over and over, using the current mouse position and color values. We also used minimum and maximum values to keep some of the shapes under control. A good excuse to change numbers and see how ridiculous we could make it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2023\/04\/rebecca-funny-face-screenshot.png\" alt=\"The stretchy, color-changing face running in Game Lab.\" class=\"wp-image-102\" srcset=\"https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2023\/04\/rebecca-funny-face-screenshot.png 400w, https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2023\/04\/rebecca-funny-face-screenshot-300x300.png 300w, https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2023\/04\/rebecca-funny-face-screenshot-150x150.png 150w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/studio.code.org\/projects\/gamelab\/d57908c0-44dc-480d-8fc2-aeca4ab854e6\">Try funny face color change on Code.org.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the fun parts of teaching Rebecca to program is that our projects do not have to be useful. This time we made a funny face in Game Lab. Moving the mouse stretches its head and mouth and moves its eyes. The arrow keys change the color. Pretty entertaining. I wanted to show her [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[73,5,3,25],"class_list":["post-86","post","type-post","status-publish","format-standard","hentry","category-programming-with-kids","tag-code-org","tag-family","tag-javascript","tag-teaching"],"_links":{"self":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":1,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}