Please enable JavaScript to use CodeHS


Coding Explorations in Art

Lessons

  1. Introduction to Generating Art with Code

    1. 1.1 Memes Memes Memes

    2. Description

      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.

    3. Objective

      SWBAT use JavaScript block coding to create their own meme using images and changing parameters.

  2. Generating Art with Code

    1. 2.1 Filtered Collage

    2. Description

      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.

    3. Objective

      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.

    4. 2.2 Famous Artists

    5. Description

      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.

    6. Objective

      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.

    7. 2.3 Face Filters

    8. Description

      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.

    9. Objective

      SWBAT explain how face filters detect and map facial features to correctly place filters.

    10. 2.4 Paintbrush

    11. Description

      In this activity, students will learn about event handlers and develop their own interactive paint program.

    12. Objective

      SWBAT set event handlers to develop their own interactive paint program.

    13. 2.5 Turtle Patterns

    14. Description

      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.

    15. Objective

      SWBAT use block coding with Tracy the Turtle to create fractal spirals with various backgrounds, colors and shapes.

    16. 2.6 GIF Generator

    17. Description

      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.

    18. Objective

      SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.

    19. 2.7 GIFs With Background Music

    20. Description

      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.

    21. Objective

      SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.

    22. 2.8 Art Stories

    23. Description

      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.

    24. Objective

      SWBAT use block coding to create a multi-image story, complete with music and narration.

    25. 2.9 Final Masterpiece

    26. Description

      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.

    27. Objective

      SWBAT use block coding to create a multi-image story using images with image filters, complete with music and narration.