weekly

or for 4 classes

Escape the Dungeon! Make Your Own Escape Game With Javascript Code [1 On 1]

Completed by 4 learners

Ages 10-14

Live Private Course

In this 4-week class for one student, learners help design an escape room and then create a fully playable version by coding in a programming language called p5js JavaScript. Challenge friends and family to solve your game!

Terry D [Code & Art, JavaScript, M.Ed]

Average rating:

5.0

Number of reviews:

(48 reviews)

Live video meetings

1x per week, 4 weeks

55 min

About Learning Overview Teacher Reviews

What's included

4 live meetings

3 hrs 40 mins in-class hours

Mastery Evaluation

Assessment is done informally during class. Written feedback is provided after class each week via a learner note.

Assessment

No formal assessment, but informal feedback is provided to learners and parents as the class unfolds.

Class Experience

US Grade 5 - 8

Beginner Level

Learners embark on a 4-week journey into creating their own escape rooms by writing code in a language called p5.js JavaScript, simple enough for beginners but powerful enough to create beautiful and lively projects.

Through tinkering, discussing, and investigating examples, learners gain a solid grasp of coding as well as a deep appreciation of the endless, magical possibilities that come from writing your own code. Learners work in small steps, tinkering with teacher-provided code and considering just one idea at a time.  New concepts and commands are added in small steps, with plenty of concrete examples and time for invention and collaboration. Learning also proceeds in a spiral fashion, where each lesson revisits the skills of previous lessons and builds on them thoughtfully. Gradually, students make projects independently. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges appropriate for them.

Please refer to the class syllabus for a detailed breakdown of each lesson, tailored to students in grades 5-8. 

Join us to launch your journey into JavaScript coding for escape rooms!

Learning Goals

Students will learn basic JavaScript skills for displaying images, shapes, colors, and text; creating and using variables to place clues randomly; detecting whether clues are clicked; changing scenes; and tracking inventory.

Syllabus

4 Lessons

over 4 Weeks

Lesson 1:

Main Room

 We'll begin by designing a very simple game with a few clues that players can use to escape the room. In JavaScript, we'll learn how to display a photo of the main room and how place a "hot spot" that can be clicked within the room. Then we'll explore commands that detect the if players clicked the "hot spots" If the click is close, we'll display its clue.

55 mins online live lesson

Lesson 2:

Find All the Clues and Escape

 We'll decide which clues must be found to allow players to escape the room. In JavaScript, we'll write code that checks for those clues and, if they're all found, changes the scene to a different photo that shows the escape.

55 mins online live lesson

Lesson 3:

Additional Room

 We'll add a 2nd room that contains additional clues along with a game-ending trap. We'll adjust the previous code so that the player escapes only after these new clues are found.

55 mins online live lesson

Lesson 4:

Inventory

 We'll change the game design so that players collect not only clues but items like maps and coins that they'll need for their escape. We'll adjust the code again so that players escape only after they find all the clues as well as all items they need.

55 mins online live lesson

Other Details

Learning Needs

To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.

Parental Guidance

Students will create a login and join a coding group at Open Processing, where their class will write code and see their animations. Student logins at Open Processing include many safety features. For example, no personal information is collected, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see "Restricted Student Accounts" at https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.

Pre-Requisites

No pre-requisites.

External Resources

In addition to the Outschool classroom, this class uses:

Open Processing

Meet the teacher

Terry D [Code & Art, JavaScript, M.Ed]

Joined August, 2022

5.0

48reviews

Profile

Teacher expertise and credentials

15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education. And, most of all, great love, patience, and respect for the many different ways that students learn and the gifts they each bring to the classroom!