{"id":82,"date":"2022-07-03T19:03:50","date_gmt":"2022-07-03T19:03:50","guid":{"rendered":"https:\/\/eric.tedjamulia.com\/blog\/rebecca-bouncing-ball\/"},"modified":"2026-10-29T05:11:03","modified_gmt":"2026-10-29T05:11:03","slug":"rebecca-bouncing-ball","status":"publish","type":"post","link":"https:\/\/eric.tedjamulia.com\/blog\/rebecca-bouncing-ball\/","title":{"rendered":"A bouncing ball with Rebecca"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A little programming lesson with Rebecca turned into a bouncing ball experiment. Move the mouse to choose where the ball goes, then click to drop it. There is even a shadow underneath. I like having a simple project we can play with while I teach her something new.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to show her how animation is really lots of small changes. The ball has a position and a speed. Gravity changes the speed, and the speed changes the position. When it hits the ground, we reverse the speed and make the next bounce a little smaller. Changing one number and watching what happens is a fun way to get a feel for 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\/2022\/07\/rebecca-bounce-ball-screenshot.png\" alt=\"Rebecca&#039;s bouncing ball and its grassy background in Game Lab.\" class=\"wp-image-96\" srcset=\"https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2022\/07\/rebecca-bounce-ball-screenshot.png 400w, https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2022\/07\/rebecca-bounce-ball-screenshot-300x300.png 300w, https:\/\/eric.tedjamulia.com\/blog\/wp-content\/uploads\/2022\/07\/rebecca-bounce-ball-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\/hPeDnSU2er7X2qMnWKq-vnp914g0Bw-f89oRGZbPQY0\">Try bounce ball on Code.org.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A little programming lesson with Rebecca turned into a bouncing ball experiment. Move the mouse to choose where the ball goes, then click to drop it. There is even a shadow underneath. I like having a simple project we can play with while I teach her something new. I wanted to show her how animation [&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-82","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\/82","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=82"}],"version-history":[{"count":1,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/82\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}