メニュー

weekly

or for 4 classes

ダンジョンからの脱出！Javascript コードで独自の脱出ゲームを作ろう [1 対 1]

4 人が学習を完了しました

年齢 10 歳-14 歳

ライブプライベートコース

1 人の生徒を対象とした 4 週間のクラスでは、学習者は脱出ゲームの設計を手伝い、p5js JavaScript と呼ばれるプログラミング言語でコーディングして、完全にプレイ可能なバージョンを作成します。友人や家族にゲームを解くように挑戦しましょう。

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

平均評価:

5.0

レビュー数:

(48 レビュー)

オンラインライブ授業

週に1回、 4 週間

55 分

About 学習の概要講師レビュー

含まれるもの

4 ライブミーティング

3 時間 40 分授業時間

習熟度評価

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

テスト

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

この文章は自動翻訳されています

このクラスで学べること

英語レベル - A2

米国の学年 5 - 8

Beginner レベル向け

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!

学習到達目標

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.

シラバス

4 レッスン

4 週間以上

レッスン 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 分のオンラインライブレッスン

レッスン 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 分のオンラインライブレッスン

レッスン 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 分のオンラインライブレッスン

レッスン 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 分のオンラインライブレッスン

その他の情報

学習ニーズ

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.

保護者へのお知らせ

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.

受講の前提条件

No pre-requisites.

外部リソース

このクラスでは、Outschool内のクラスルームに加えて、以下を使用します。

Open Processing

先生について

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

参加しました August, 2022

5.0

48レビュー

プロフィール

教師の専門知識と資格

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!