๐Ÿ“ค Importing Our Images | Betabox Learning

๐Ÿ“ค Importing Our Images

Time to add in the images we searched for!

Lesson Steps

  1. Have students go to theย Importing Our Images section.ย 
  2. Students will follow along with the video to add more code.
  3. Encourage students to readย The Code Explainedย subsection below. Nearly all student-side sections will have information under the videos to help explain the code they are using as well as tips.
  4. Help students with creating sprites with transparent backgrounds either through Google images or with the www.remove.bg site.
  5. Make sure students upload images correctly into Repl.it (check for indentations like in the video).
  6. Check for understanding and answer any questions they may have before moving on to the next section.
  7. Review the section vocabulary below.


  • File extension: A group of letters following a name and a period to show what file type it is (ex: .doc, .mp3, .pdf)