{"version":1,"pages":[{"id":"-MkrOcjGTNi04eogfWZK","title":"Introduction to Computational Media","pathname":"/introduction-to-computational-media-curriculum","siteSpaceId":"sitesp_EWAIr","description":"A High School Computer Science Curriculum using p5.js"},{"id":"qQkOJlmEGSJkWGNqdsaB","title":"How to Use this Curriculum","pathname":"/introduction-to-computational-media-curriculum/how-to-use-this-curriculum","siteSpaceId":"sitesp_EWAIr","description":"A Brief Overview on how to read the resources"},{"id":"ZNf0FYt8sy0ZnFe1yp6E","title":"Submit Feedback","pathname":"/introduction-to-computational-media-curriculum/submit-feedback","siteSpaceId":"sitesp_EWAIr","description":"Found a problem? Have a question or comment? We would love to hear about it!"},{"id":"pfd5bXO4ZwQ9czoTs66e","title":"Curriculum Extras Overview","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/curriculum-extras-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"Extra and optional lessons for the Introduction to Computational Media Curriculum","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"OyPdGEBUJhJbQuL38XTa","title":"Imposter Syndrome (pt. 1)","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/imposter-syndrome-pt.-1","siteSpaceId":"sitesp_EWAIr","description":"What is Imposter Syndrome, and how can I combat it?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"KUzHnU7j8pYunTLqJWrM","title":"Imposter Syndrome (pt 2)","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/imposter-syndrome-pt.-1/imposter-syndrome-pt-2","siteSpaceId":"sitesp_EWAIr","description":"How can we design applications to combat imposter syndrome?","breadcrumbs":[{"label":"Curriculum Extras"},{"label":"Imposter Syndrome (pt. 1)"}]},{"id":"NELtEMLXO2DTkWMYKDNB","title":"Timers in p5.js","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/timers-in-p5.js","siteSpaceId":"sitesp_EWAIr","description":"How can I create simple timers using p5.js functionality?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"UNfmQNS1SzoSBRl2jjTU","title":"Time Functions: Crazy Clock Mini Project","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/time-functions-crazy-clock-mini-project","siteSpaceId":"sitesp_EWAIr","description":"How can I get data from functions that track time?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"7GyKsvc0pmqDxG7j9o4E","title":"Using Sliders","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/using-sliders","siteSpaceId":"sitesp_EWAIr","description":"How can I use sliders to control elements of my program?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"h2pDQA0kzvGFTkbywoVE","title":"Getting Sound from Mic","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/getting-sound-from-mic","siteSpaceId":"sitesp_EWAIr","description":"How can user generated sound control program elements?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"e3YoOTbgshO0cbqwSEjU","title":"Sound Recognition with ml5","pathname":"/introduction-to-computational-media-curriculum/curriculum-extras/sound-recognition-with-ml5","siteSpaceId":"sitesp_EWAIr","description":"How can I use machine learning to recognize sound?","breadcrumbs":[{"label":"Curriculum Extras"}]},{"id":"-Mkrv3nSGI0ejjrPSJfj","title":"Unit 1 Overview","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/unit-1-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"Essential question: How can code be used as a creative and expressive medium?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-Mks0ZI1uOdaLxm9dPSp","title":"U1LA1.1 p5.js Introduction & Deconstruction","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.1-p5.js-introduction-and-deconstruction","siteSpaceId":"sitesp_EWAIr","description":"How can we break down a robot into basic shapes in p5.js?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-Mkw4NNUSvlBqFgqIqOI","title":"U1LA1.2 Line Functions and Parameters","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.2-line-functions-and-parameters","siteSpaceId":"sitesp_EWAIr","description":"How do the parameters of function effect positioning on the p5 canvas?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-MkwJHPT5U0id2y-Zwcq","title":"U1LA1.3: Rectangles, Ellipses, and Layering","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.3-rectangles-ellipses-and-layering","siteSpaceId":"sitesp_EWAIr","description":"How can we use shape functions to create images?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-Mkx764aUObTMRyVXwaY","title":"U1LA1.4 Various Shapes, Stroke, Weight, Fill","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.4-various-shapes-stroke-weight-fill","siteSpaceId":"sitesp_EWAIr","description":"How can we use shape functions to create images?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-MkxK1AP_WQ-VtqDw6tW","title":"๐Ÿ—ƒU1LA1 Mini Project: Taijitu Symbol","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1-mini-project-taijitu-symbol","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can code be used as a creative and expressive medium?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"-MkxNezCJuac7qbab92O","title":"U1LA2.1 Intro to Variables - System Variables","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.1-intro-to-variables-system-variables","siteSpaceId":"sitesp_EWAIr","description":"How can we utilize p5.js system variables?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"NHsR6qlM3aqd0FzKeevd","title":"U1LA2.2 Custom Variables in p5.js","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.2-custom-variables-in-p5.js","siteSpaceId":"sitesp_EWAIr","description":"How can I create custom values to hold values in my p5.js projects?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"4F1coMQZuWFQQqRbYDCX","title":"U1LA2.3 Random Function & Variables","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.3-random-function-and-variables","siteSpaceId":"sitesp_EWAIr","description":"How can we use the random function to generate different designs?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"cjd9ImJISD4vkM5zOQcf","title":"๐Ÿ—ƒU1LA2 Mini Project: Custom Emoji pt. 1","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2-mini-project-custom-emoji-pt.-1","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"What message does your emoji convey?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"b8CUXFRPwxTHeEC9wxCo","title":"U1LA.3.1 Intro to Color","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la.3.1-intro-to-color","siteSpaceId":"sitesp_EWAIr","description":"How do computers mix colors?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"DrY66wM512fpOU2ZEzvV","title":"U1LA3.2: RGB vs HSB Color Modes","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la3.2-rgb-vs-hsb-color-modes","siteSpaceId":"sitesp_EWAIr","description":"How can I represent colors in a mode other than RGB?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"HwnZ4jGGbYBa2JSDAHnZ","title":"U1LA3.3 Color Palettes & Design","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la3.3-color-palettes-and-design","siteSpaceId":"sitesp_EWAIr","description":"What are our best practices for working with color?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"kmQN8d4Ke8Nt9QWiXzJz","title":"๐ŸŽจ Unit 1 Final Project: Abstract Album Art","pathname":"/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/unit-1-final-project-abstract-album-art","siteSpaceId":"sitesp_EWAIr","emoji":"1f3a8","description":"How can I use my skills in p5 to convey a specific mood or theme?","breadcrumbs":[{"label":"Unit 1: Drawing, Variables, and Random"}]},{"id":"nCnhzVOx24pWwOTA2IjD","title":"Unit 2 Overview","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/unit-2-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"How can control flow allow for user interactions?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"YXY7UFhhQ6m6opxVhbxc","title":"U2LA1.1 - Conditionals and if statements","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1.1-conditionals-and-if-statements","siteSpaceId":"sitesp_EWAIr","description":"How can we add conditional statements to make our programs more interactive?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"P8hN4BDyMQXWZdJpYwfp","title":"U2LA1.2 - Conditionals and if, else if, else statements","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1.2-conditionals-and-if-else-if-else-statements","siteSpaceId":"sitesp_EWAIr","description":"How can we write multiple conditions to our code?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"7w1zPl4L2Sud6R93pV81","title":"U2LA1.3 - Logical Operators And/Or","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1.3-logical-operators-and-or","siteSpaceId":"sitesp_EWAIr","description":"How can logical operations make conditional more interactive?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"Pf2D6sOnqQIeK5IlKNfP","title":"๐Ÿ—ƒU2LA1 Mini Project: Make a Traffic Light ๐Ÿšฆ","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1-mini-project-make-a-traffic-light","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can I use conditional logic to create a responsive program?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"j3s6T3FrY12315GLxMYx","title":"U2LA1.4: Draw with Mouse","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1.4-draw-with-mouse","siteSpaceId":"sitesp_EWAIr","description":"How can I use built-in variables to create a program that lets the user draw?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"3k034ZDDTZJ6xJ4arspD","title":"U2LA1.5: The Map Function","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la1.5-the-map-function","siteSpaceId":"sitesp_EWAIr","description":"How can the map function help me control a range of values?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"JqS3IxeFR2qGnJH80HnH","title":"U2LA2.1 - Collision with Collide2D","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la2.1-collision-with-collide2d","siteSpaceId":"sitesp_EWAIr","description":"What visual cues tell me where my mouse is?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"QEdkyahpMNwvbglI8yAN","title":"U2LA2.2: Mouse Clicks && Shapes As Buttons","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la2.2-mouse-clicks-and-and-shapes-as-buttons","siteSpaceId":"sitesp_EWAIr","description":"How can I use mouse clicks in p5.js?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"tIAkFLevUO6jOaqLIBwB","title":"๐Ÿ—ƒU2LA2 Mini Project: Light Switch Game","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la2-mini-project-light-switch-game","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"Unit 2 Mini Project Light Switch Game","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"Mj18blSvq2ISPHSveykQ","title":"U2LA3.1: Key Presses && Nested Conditionals","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/u2la3.1-key-presses-and-and-nested-conditionals","siteSpaceId":"sitesp_EWAIr","description":"How can I use key presses to control elements of my program?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"WM5eoLnLNlQDQ3uXSQaS","title":"๐ŸŽจ Unit 2 Final Project: Interactive Drawing App","pathname":"/introduction-to-computational-media-curriculum/unit-2-respond-and-draw-on-canvas/unit-2-final-project-interactive-drawing-app","siteSpaceId":"sitesp_EWAIr","emoji":"1f3a8","description":"How can I use my skills in p5 to create a drawing application?","breadcrumbs":[{"label":"Unit 2: Respond & Draw on Canvas"}]},{"id":"Azup4onAHoPCN3OmN0JB","title":"๐Ÿ”ฎ Unit 3 Overview","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/unit-3-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"How can sounds, images, and fonts can be combined and manipulated with code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"5CcsykPm8xJGfQPPR6ID","title":"U3LA1.1: While Loops","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la1.1-while-loops","siteSpaceId":"sitesp_EWAIr","description":"How can we use iteration to make abstract artwork?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"G2hTCTwURB2UMVqsbl21","title":"U3LA1.2: For Loops Pt 1","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la1.2-for-loops-pt-1","siteSpaceId":"sitesp_EWAIr","description":"How can we use iteration to abstract artwork?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"4bi6KEOJSkYZsGERU0Sc","title":"U3LA1.3: Nested For Loops (For Loops pt 2)","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la1.3-nested-for-loops-for-loops-pt-2","siteSpaceId":"sitesp_EWAIr","description":"How can we use iteration to abstract artwork?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"pcbmoEtUDdqWFFRqtxcG","title":"๐Ÿ—ƒU3LA1 Mini Project: Wallpaper Design","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la1-mini-project-wallpaper-design","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can sounds, images, and fonts be combined and manipulated with code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"j6qUVeUpnihtdrvcNedR","title":"U3LA2.1: Introduction to Arrays","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la2.1-introduction-to-arrays","siteSpaceId":"sitesp_EWAIr","description":"How can arrays help us simplify code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"6I6SjpnPvHUxO8ef6ef7","title":"U3LA.2.2: Arrays with floor() and random()","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la.2.2-arrays-with-floor-and-random","siteSpaceId":"sitesp_EWAIr","description":"How can arrays help us simplify code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"dVr8a8FZqKWXdQ5O5Bgj","title":"๐Ÿ—ƒU3LA2 Mini Project 1: Fortune Teller","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la2-mini-project-1-fortune-teller","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can arrays help us simplify code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"Pa0jUGG56JzltYzgYScN","title":"U3LA2.3: Loops and Arrays","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la2.3-loops-and-arrays","siteSpaceId":"sitesp_EWAIr","description":"How can arrays help us simplify code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"M1jdTzJUfYKaokrVACXF","title":"๐Ÿ—ƒU3LA2 Mini Project 2: Random Starfield","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la2-mini-project-2-random-starfield","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can arrays help us simplify code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"UQjlcfpF8671qZoFo0Hf","title":"U3LA3.1: Preload && Images","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la3.1-preload-and-and-images","siteSpaceId":"sitesp_EWAIr","description":"How can I utilize the preload function and load images into my program?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"rReRa46kuvJjvf2sEEfa","title":"U3LA3.2: Tint && Image Manipulation","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la3.2-tint-and-and-image-manipulation","siteSpaceId":"sitesp_EWAIr","description":"How can I manipulate an image in p5?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"tB4Q0D9GySGC6xMBMqRj","title":"๐Ÿ—ƒU3LA2 Mini Project 3: Vision Board","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la2-mini-project-3-vision-board","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"Bn3oyomyPdMTJcLZN7u2","title":"U3LA3.3: Images and Arrays with ml5","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la3.3-images-and-arrays-with-ml5","siteSpaceId":"sitesp_EWAIr","description":"How can our computer interact with an array of images?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"jyqZW6UvLw04mXNc64GU","title":"U3LA4.1 Fonts && Text Styling","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la4.1-fonts-and-and-text-styling","siteSpaceId":"sitesp_EWAIr","description":"How can I use custom fonts and text to enhance my programs?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"PpDXIWFSPlLPrhktwPVo","title":"๐Ÿ—ƒU3LA4 Mini Project 4: Typography","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la4-mini-project-4-typography","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can type be interactive while conveying mood and meaning in projects?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"4eIDGtgiE2fMnCNKnKu5","title":"U3LA5.1: Loading & Playing Sound Files","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la5.1-loading-and-playing-sound-files","siteSpaceId":"sitesp_EWAIr","description":"How can sounds be embedded with code?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"mSORfjO55urAV8yYdPG9","title":"๐Ÿ—ƒU3LA5 Mini Project: Keyboard/Patatap","pathname":"/introduction-to-computational-media-curriculum/unit-3-arrays-loops-media/u3la5-mini-project-keyboard-patatap","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can I create a visual, interactive project with sound?","breadcrumbs":[{"label":"Unit 3: Arrays, Loops, Media"}]},{"id":"mNkAkD2BvsjKwQ52ANzB","title":"๐ŸŽจUnit 3 Final Project: Random Meme Generator","pathname":"/introduction-to-computational-media-curriculum/unit-3-final-project-random-meme-generator","siteSpaceId":"sitesp_EWAIr","emoji":"1f3a8","description":"How can memes be created by code?"},{"id":"uKsk8sfUTJykt3tSY3B1","title":"๐Ÿ”ฎ Unit 4 Overview","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/unit-4-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"How can I apply math and computation expressively to create motion graphics?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"LdLnzRmiENGZe39hA31H","title":"U4LA1.1: Intro to Motion with Flipbooks","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la1.1-intro-to-motion-with-flipbooks","siteSpaceId":"sitesp_EWAIr","description":"How can I move a shape on the x-axis?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"OIPGBiKFZsiuZYzvcTY8","title":"U4LA1.2: Move In All Directions & Make it Bounce","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la1.2-move-in-all-directions-and-make-it-bounce","siteSpaceId":"sitesp_EWAIr","description":"How can I make objects move in different directions?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"qiIKSI09Y4VgWMx6LSbY","title":"๐Ÿ—ƒ U4LA.1: Make a Floating DVD Logo","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la.1-make-a-floating-dvd-logo","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can I make objects move in different directions?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"K3u6Vs8wCUfM5luEQ8gS","title":"U4LA2.1: Translation Battleship","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la2.1-translation-battleship","siteSpaceId":"sitesp_EWAIr","description":"How can I move the p5 origin to effect the position of shapes?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"3uUzoyl91XaHCyTQAQKE","title":"U4LA2.2: Rotations","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la2.2-rotations","siteSpaceId":"sitesp_EWAIr","description":"How can I make objects rotate?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"nW6l06stWBj0JI1JfkVy","title":"U4LA3.1: Sine & Oscillating Motion","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la3.1-sine-and-oscillating-motion","siteSpaceId":"sitesp_EWAIr","description":"How can I draw with trigonometric functions in p5?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"kkohNHKnLmWeh2WW1B2o","title":"U4LA3.2: Cosine & Circular Motion","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/u4la3.2-cosine-and-circular-motion","siteSpaceId":"sitesp_EWAIr","description":"How can I use cosine to create circular motion?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"oi3z4aYVGM3O8faQQgOx","title":"๐ŸŽจ Unit 4 Final Project: Animated Greeting Card/PSA","pathname":"/introduction-to-computational-media-curriculum/unit-4-motion-animation-transformation/unit-4-final-project-animated-greeting-card-psa","siteSpaceId":"sitesp_EWAIr","emoji":"1f3a8","description":"How can I showcase my skills in an animated program?","breadcrumbs":[{"label":"Unit 4: Motion, Animation, Transformation"}]},{"id":"uFCgGVaEFUTjHLkRkjZa","title":"๐Ÿ”ฎ Unit 5 Overview","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/unit-5-overview","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"How can I abstract processes for clarity and reuse?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"JXnj9gdq2kIBBqMhsQNh","title":"U5LA1.1: What is Abstraction?","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la1.1-what-is-abstraction","siteSpaceId":"sitesp_EWAIr","description":"What is abstraction, and how does it relate to my code","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"ui8K0Jfld8a2MBSB2GaR","title":"U5LA1.2: Intro to Functions & Function Calls","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la1.2-intro-to-functions-and-function-calls","siteSpaceId":"sitesp_EWAIr","description":"What do functions look like in code?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"Xm0X1zS45vcg7QfevPij","title":"U5LA1.3: Draw with Functions","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la1.3-draw-with-functions","siteSpaceId":"sitesp_EWAIr","description":"How can I create a function that will draw a design?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"dFx86cpN0lfdUfoGHOU5","title":"๐Ÿ—ƒ U5LA1 Mini Project: Custom Function Library","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la1-mini-project-custom-function-library","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can I utilize functions written by other people?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"yrU0sBAdD7pqS0k8PxL7","title":"U5LA2.1: Data Type Scavenger Hunt","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la2.1-data-type-scavenger-hunt","siteSpaceId":"sitesp_EWAIr","description":"What are the different types of data used in JavaScript?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"18wjeFeBukJbZYrL4ABM","title":"U5LA2.2: Functions that Return Values","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la2.2-functions-that-return-values","siteSpaceId":"sitesp_EWAIr","description":"How can I write functions that take in numeric inputs and return a value?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"rbHJk3OCoqPrdhM9gegV","title":"U5LA2.3: Functions with Purpose","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la2.3-functions-with-purpose","siteSpaceId":"sitesp_EWAIr","description":"How can I abstract processes for clarity and reuse?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"4GikR85zyex0RCxYV2XQ","title":"U5LA2.4: Functions with Boolean Returns","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la2.4-functions-with-boolean-returns","siteSpaceId":"sitesp_EWAIr","description":"How can I create functions that return boolean values for use in my programs?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"rUFefWKgKp9mZaF5FYNN","title":"๐Ÿ—ƒ U5LA2 Mini Project: Build Your Own Challenge","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/u5la2-mini-project-build-your-own-challenge","siteSpaceId":"sitesp_EWAIr","emoji":"1f5c3","description":"How can I write and document functions or function challenges?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]},{"id":"8ioT4tTeqttSYIqDzvCP","title":"๐Ÿ”ฎ Unit 5 Final Project: Menu of Options","pathname":"/introduction-to-computational-media-curriculum/unit-5-functions-and-abstraction/unit-5-final-project-menu-of-options","siteSpaceId":"sitesp_EWAIr","emoji":"1f52e","description":"How can I showcase what I have learned in this course?","breadcrumbs":[{"label":"Unit 5: Functions & Abstraction"}]}]}