4:[[["$","script","0",{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"LearningResource\",\"@id\":\"https://www.coddykit.com/courses/programming_kids/bouncing-around-7021403\",\"name\":\"Bouncing Around\",\"url\":\"https://www.coddykit.com/courses/programming_kids/bouncing-around-7021403\",\"description\":\"Make a shape bounce off the edges.\",\"learningResourceType\":\"Lesson\",\"educationalLevel\":\"Beginner to Advanced\",\"inLanguage\":\"en\",\"isAccessibleForFree\":true,\"isPartOf\":{\"@type\":\"Course\",\"name\":\"Coding for Kids\",\"url\":\"https://www.coddykit.com/courses/programming_kids\"},\"provider\":{\"@type\":\"Organization\",\"@id\":\"https://www.coddykit.com/#organization\",\"name\":\"CoddyKit\",\"url\":\"https://www.coddykit.com/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.coddykit.com/logo.png\"}}}"}}],["$","script","1",{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.coddykit.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Courses\",\"item\":\"https://www.coddykit.com/courses\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Coding for Kids\",\"item\":\"https://www.coddykit.com/courses/programming_kids\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Bouncing Around\",\"item\":\"https://www.coddykit.com/courses/programming_kids/bouncing-around-7021403\"}]}"}}]],["$","article",null,{"className":"lsn-wrap","children":[["$","nav",null,{"className":"lsn-crumbs","aria-label":"Breadcrumb","children":[["$","a",null,{"href":"/","children":"Home"}],["$","span",null,{"children":"/"}],["$","a",null,{"href":"/courses","children":"Courses"}],["$","span",null,{"children":"/"}],["$","a",null,{"href":"/courses/programming_kids","children":"Coding for Kids"}],["$","span",null,{"children":"/"}],["$","span",null,{"className":"cur","children":"Bouncing Around"}]]}],["$","header",null,{"className":"lsn-head","children":[["$","span",null,{"className":"lsn-eyebrow","children":["Coding for Kids"," · Lesson"]}],["$","h1",null,{"className":"lsn-title","children":"Bouncing Around"}],["$","p",null,{"className":"lsn-sub","children":"Make a shape bounce off the edges."}]]}],["$","div",null,{"className":"lsn-body","children":[[["$","section","7021503",{"className":"lsn-scene","children":[["$","h2",null,{"className":"lsn-scene-t","children":"Bounce, Bounce!"}],["$","div",null,{"className":"cd-prose lsn-prose","dangerouslySetInnerHTML":{"__html":"

Hi animator! 🏀 Today we make our turtle bounce off the edges of the window!

Just like a ball in a room. 🎾

"}}],null,null]}],["$","section","7021553",{"className":"lsn-scene","children":[["$","h2",null,{"className":"lsn-scene-t","children":"The Edges of the Window"}],["$","div",null,{"className":"cd-prose lsn-prose","dangerouslySetInnerHTML":{"__html":"

The window has edges: left, right, top, bottom. 🪟

When the turtle reaches an edge, we want it to turn around!

"}}],null,null]}]],null]}],["$","aside",null,{"className":"lsn-gate","children":["$","div",null,{"className":"lsn-gate-card","children":[["$","div",null,{"className":"lsn-gate-ic","children":"🔒"}],["$","h2",null,{"children":"You've reached the end of the free preview"}],["$","p",null,{"children":"The first 2 pages of every lesson are free — the same on the web and in the app. Unlock the rest of this Coding for Kids lesson, and the entire learning path, with CoddyKit PRO."}],["$","div",null,{"className":"lsn-gate-actions","children":[["$","a",null,{"className":"lsn-btn-primary","href":"/subscription/subscription","children":"Go PRO →"}],["$","a",null,{"className":"lsn-btn-ghost","href":"/onboarding/preparing","children":"Open in the app"}]]}]]}]}],["$","nav",null,{"className":"lsn-nav","aria-label":"Lesson navigation","children":[["$","a",null,{"className":"lsn-nav-link prev","href":"/courses/programming_kids/repeating-movement-7020702","children":[["$","span",null,{"children":"← Previous"}],["$","strong",null,{"children":"Repeating Movement"}]]}],["$","a",null,{"className":"lsn-nav-link next","href":"/courses/programming_kids/your-own-animation-7022104","children":[["$","span",null,{"children":"Next →"}],["$","strong",null,{"children":"Your Own Animation"}]]}]]}],["$","section",null,{"className":"lsn-toc","children":[["$","h2",null,{"children":"All lessons in this course"}],["$","ol",null,{"children":[["$","li","7020001",{"className":"","children":[["$","a",null,{"href":"/courses/programming_kids/making-things-move-7020001","children":"Making Things Move"}],null]}],["$","li","7020702",{"className":"","children":[["$","a",null,{"href":"/courses/programming_kids/repeating-movement-7020702","children":"Repeating Movement"}],null]}],["$","li","7021403",{"className":"cur","children":[["$","span",null,{"children":"Bouncing Around"}],null]}],["$","li","7022104",{"className":"","children":[["$","a",null,{"href":"/courses/programming_kids/your-own-animation-7022104","children":"Your Own Animation"}],null]}]]}],["$","a",null,{"className":"lsn-back","href":"/courses/programming_kids","children":["← Back to ","Coding for Kids"]}]]}]]}]]