In this activity, students will learn how to use block coding to create 8 repetitive beats of music along with a visualization. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create their own beat with music visualization by creating an array of beats on which to play sounds through the use of parameters.
In this activity, students will learn how to use block coding to create a music visualization with a preloaded song or one of their own choosing that they have uploaded. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom music visualization by changing the song, color, and shape parameters in visualization code blocks.
In this activity, students will learn how to use block coding to create very simple musical phrases. They will use different notes to generate a single 8-beat phrase.
SWBAT use blocks to create a song consisting of a single measure by choosing which notes to use as the parameters to their beats blocks.
In this activity, students will learn how to use block coding to create very simple musical phrases. They will use single tones to generate a single 8-beat phrase, but have a full range of notes to choose from. They will also be able to customize the colors of the visualization.
SWBAT use blocks to create a song consisting of a single measure by mixing different notes together and modifying the accompanying visualization’s colors.
In this activity, students will learn about chord progressions. They will then use the block editor to create a song using popular chord progressions.
SWBAT use JavaScript block coding to create a song by choosing the chord parameters to create common chord progressions.
In this activity, students will learn about for loops. They will utilize loops to repeat sections of their song a specific number of times in order to allow for the creation of a song with different chord progressions for the chorus, verses, and bridges.
SWBAT use JavaScript block coding and for loops to repeat chord progressions in their songs.
In this activity, students will put together all they’ve learned about beats, chords, chord progressions, and loops to create a full length song.
SWBAT use JavaScript block coding to create a full length song using beats, chords, chord progressions, and for loops.
In this activity, students will put together all they’ve learned to create a visualization for their own composition using block beats, chords, chord progressions, and loops.
SWBAT create a visualization for their own composition using block beats, chords, chord progressions, and loops.
In this activity, students will put together all they’ve learned to create a visualization for their own composition using block beats, chords, chord progressions, and loops.
SWBAT create a visualization for their own composition using block beats, chords, chord progressions, and loops.
In this activity, students will learn how to use block coding to create a meme that consists of an image with a text overlay. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create their own meme using images and changing parameters.
In this activity, students will learn how to use block coding to create a collage with multiple images. They will be able to customize their images using filters and use a coordinate plane to position images in the correct location.
SWBAT use JavaScript block coding to create a collage of multiple images, using a coordinate system to place images and parameters to alter their appearance.
In this activity, students will take inspiration from well-known artists, and create their own inspired digital art. They will learn how to use block coding to create a collage with multiple images. They will be able to customize their images using filters and use a coordinate plane to position images in the correct location.
SWBAT use JavaScript block coding to create digital art that emulates well-known artists, using a coordinate system to place images and parameters to alter their appearance.
In this activity, students will explore how face filters work. They will learn about the technology behind face filters, and explore some very basic face filters built in JavaScript.
SWBAT explain how face filters detect and map facial features to correctly place filters.
In this activity, students will learn about event handlers and develop their own interactive paint program.
SWBAT set event handlers to develop their own interactive paint program.
In this activity, students will learn how to use blocks to create art using patterns by instructing a turtle named Tracy around our canvas. They will be able to add background colors, shapes filled with colors, and fractal patterns to each image.
SWBAT use block coding with Tracy the Turtle to create fractal spirals with various backgrounds, colors and shapes.
In this activity, students will learn how to use blocks to create a gif composed of multiple images. They will be able to add different text, shapes, or filters to each image.
SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.
In this activity, students will learn how to use blocks to create a gif composed of multiple images and background music. They will be able to add different background music for every frame of the GIF.
SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.
In this activity, students will create a story by using multiple scenes. Their scenes can include images, text overlays, background music, sound effects, and even recordings that they?ve made themselves.
SWBAT use block coding to create a multi-image story, complete with music and narration.
In this activity, students will use almost everything they have experimented with throughout the course to create a final project, similar to the short stories that can be found on social media sites.
SWBAT use block coding to create a multi-image story using images with image filters, complete with music and narration.
In this activity, students will learn how to use block coding to make-a-shot game. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create a customized make-a-shot game by changing parameters for background images, ball objects, goals, and paddle types.
In this activity, students will learn how to use block coding to add events and event handlers to make their games responsive to user input (e.g., key press, mouse click) or game scenarios (e.g., out of time, scoring a goal). They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom make-a-shot type game by adding events and event handlers from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add sound effects to any events they like and can even add more than one to an event, if they so choose. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom sports game by adding sound effect parameters from the JavaScript code blocks.
In this activity, students will learn how to use block coding to build a fully functional, finished product sports game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom sports game by adding instructions and bringing in everything they have learned so far (events, event handlers, images, sound effects) from the JavaScript code blocks.
In this activity, students will learn how to use block coding to create an air horn app to cheer on their favorite team. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom air horn app by modifying parameters (e.g., background image, horn image, sound effect, voiceover sounds) from the JavaScript code blocks.
In this activity, students will learn how to use block coding to create the start of a mini golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT begin to create a mini-golf game by adding event handlers and modifying parameters (e.g., background image, ball image) from the JavaScript code blocks. Specifically, their first main task is to define the events that will let someone hit the ball, cause the ball to bounce off of the walls, and get the ball in the hole.
In this activity, students will learn how to use block coding to add obstacles to the mini-golf game that they started creating in the last lesson. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding their own obstacles and corresponding events from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add multiple holes to their mini-golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding multiple holes from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add an instructions page to their mini-golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding an instructions page from the JavaScript code blocks.
In this activity, students will put together all they?ve learned to complete their mini-golf game using as many of the coding blocks that they need. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT complete to creating a mini-golf game by using the JavaScript code blocks.
