Escape the Dungeon! Make Your Own Escape Game With Javascript Code [1 On 1]
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:(44)
What's included
4 live meetings
3 hrs 40 mins in-class hoursMastery 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 WeeksLesson 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.
Joined August, 2022
5.0
44reviews
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!Reviews
Live Private Course
$30
weekly or $120 for 4 classes1x per week, 4 weeks
55 min
Completed by 4 learners
Live video meetings
Ages: 10-14
Financial Assistance
Get The App
Tutoring
More to Explore
Writing A Research Report Mla FormatEndangered Animals Of The AmericasMathematicsSugar CookieAnimal Crossing New HorizonsLemonade WarProgramming HtmlDungeons 105School EtiquetteIew Unit 3Scene Study PerformanceWatery WorldSchool EssayProgramming For Beginners Make 5 Games InLets Make Money Start Your Own