$15
weeklyor $120 for 8 classes
P5.jsを使ったクリエイティブコーディング - JavaScriptを使った6~8年生向けゲームデザイン
新着クラス
年齢 12 歳-14 歳
ライブグループコース
オンラインライブ授業
週に1回、 8 週間
2 人-4 人 1クラスあたりの学習者
55 分
含まれるもの
8 ライブミーティング
7 時間 20 分 授業時間宿題:
週1時間. 含まれるテスト
含まれるこの文章は自動翻訳されています
このクラスで学べること
英語レベル - A1
米国の学年 6 - 7
Beginner レベル向け
🎮 In this hands-on creative coding course, students dive into the world of game development using p5.js—a beginner-friendly JavaScript library. They'll learn how to animate shapes, use variables and loops, detect collisions, and build two exciting games: Ping Pong and Dodge Masters! ✨ From drawing their first digital character to writing code that responds to keyboard input, learners gradually unlock the core building blocks of coding. Topics like the draw() loop, conditionals, arrays, and functions are introduced through fun, bite-sized projects that feel more like play than homework. 🧩 Each class follows a structured rhythm: a short demo, step-by-step live coding, hands-on challenges, and room for creative twists. Whether it’s bouncing balls, flying clones, or dodging enemies, students apply what they learn right away by making their own mini-games. 👩💻 The instructor keeps things lively with real-time coding, visuals, and the occasional video clip to break down tricky concepts. No dry lectures here—just dynamic, interactive sessions where kids get to code, create, and collaborate. 🎨 The vibe? Energetic, visual, and beginner-friendly. Every student is encouraged to make their game unique, ask questions freely, and think like a game designer. 💬 And yes—tons of interaction! Students share ideas, get live feedback, and show off their creations. Whether it's fixing a bug together or celebrating a working game, everyone's part of the action.
学習到達目標
Learn core coding concepts like variables, loops, and conditionals using p5.js.
Build and customise two simple games from scratch.
シラバス
8 レッスン
8 週間以上レッスン 1:
Pixel Playground
Learn the basics of p5.js: setting up the canvas, using shapes and colors, and drawing a digital character using code.
55 分のオンラインライブレッスン
レッスン 2:
Move it
Use variables to animate objects and create motion. Make a ball move and bounce across the screen using the draw() loop.
55 分のオンラインライブレッスン
レッスン 3:
Crash! Boom! Bounce!
Explore conditionals to detect collisions with screen edges. Add bouncing behavior, color changes, and basic game logic.
55 分のオンラインライブレッスン
レッスン 4:
Paddle Battle – Make Ping Pong!
Build a simple Ping Pong-style game with a paddle and bouncing ball. Control the paddle with arrow keys and track scores.
55 分のオンラインライブレッスン
その他の情報
受講に必要なもの
Laptop with working internet, Pen and Paper.
外部リソース
このクラスでは、Outschool内のクラスルームに加えて、以下を使用します。
提供:
教師の専門知識と資格
Our teachers are experts in AI, Python, Javascript and Mathematics, with hands-on experience in computer vision, machine learning, and coding education. They have worked on real-world AI projects and specialise in making complex topics engaging and accessible for young learners. Through interactive lessons, problem-solving, and hands-on projects, they ensure students not only understand key concepts but also apply them in creative and meaningful ways—whether training an AI model or building a fun game.
レビュー
他のクラス by Create N Learn: Game-Based Learning & Future Skill
他のクラス by Create N Learn: Game-Based Learning & Future Skill
その他の人気クラス
JavaScript / p5.Js コンピュータサイエンスコーディングクラブ: ゲーム、アニメーションなど
Coco Coders
4.8
(974)
$20 クラスごと
次回のセッションは Monday の2:30 PM です
グループクラス
1/週、 55 分
9 歳-13 歳
サマーキャンプ: 子供向け Javascript コーディング (入門)
Dr. Elliott Heflin, Jr.
4.6
(405)
$19 クラスごと
次回のセッションは Mon 4/28 の10 PM です
グループクラス
5 週間、 2/週、 55 分
8 歳-13 歳
P5.jsを使ったクリエイティブコーディング - JavaScriptを使った6~8年生向けゲームデザイン
Create N Learn: Game-Based Learning & Future Skill
5.0
(24)
$15 クラスごと
次のセッションは明日の 4 PM です
グループクラス
8 週間、 1/週、 55 分
12 歳-14 歳
9~14 歳向け 1:1 Javascript/P5.Js
Coco Coders
4.8
(974)
$60 セッションごと
1対1レッスン
オンデマンド
9 歳-14 歳
プロジェクトベースの JavaScript コーディング (レベル 1)
AI Code Academy
4.7
(1,781)
$21 クラスごと
次回のセッションは Sunday の11:30 PM です
グループクラス
10 週間、 1/週、 1 時間
9 歳-14 歳
Javascript の学期: 基礎から大きなアイデアまで!
Coco Coders
4.8
(974)
$18 クラスごと
次回のセッションは Mon 6/2 の2 PM です
グループクラス
10 週間、 1/週、 55 分
10 歳-15 歳
クリエイティブ コーディング 1 対 1 [デジタル アート + ゲーム + JavaScript アニメーション]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(48)
$30 セッションごと
1対1レッスン
オンデマンド
9 歳-15 歳
キッズコーディングクエスト: JavaScript ゲーム版
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$12 クラスごと
次回のセッションは Mon 6/2 の5 PM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
8 ~ 10 歳: JavaScript を使用したモバイル アプリの作成 - レベル 1
Jamesetta James
4.7
(178)
$15 クラスごと
次回のセッションは Mon 5/12 の1 PM です
グループクラス
1 週間、 1/週、 1.50 時間
8 歳-10 歳
初心者向け Javascript コーディング レベル 1 - プロジェクトベースの学習
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,829)
$20 クラスごと
次回のセッションは Tuesday の4 PM です
グループクラス
12 週間、 1/週、 50 分
10 歳-15 歳
プロジェクトベースの JavaScript コーディング (レベル 2)
AI Code Academy
4.7
(1,781)
$22 クラスごと
次回のセッションは Mon 4/28 の11:30 PM です
グループクラス
10 週間、 1/週、 1 時間
10 歳-13 歳
サマーキャンプ: 子供向けプロジェクトベースの Javascript (レベル 2)
AI Code Academy
4.7
(1,781)
$23 クラスごと
次回のセッションは Mon 6/16 の3 PM です
グループクラス
2 週間、 5/週、 1 時間
10 歳-15 歳
サマーキャンプ: 子供向けプロジェクトベースの Javascript (レベル 1)
AI Code Academy
4.7
(1,781)
$22 クラスごと
次回のセッションは Mon 6/16 の3 PM です
グループクラス
2 週間、 5/週、 1 時間
9 歳-13 歳
初心者向け Web 開発の基礎: HTML、CSS、JavaScript (入門)
Curtis Butler
$20 クラスごと
次回のセッションは Fri 4/25 の7 PM です
グループクラス
1 週間、 1/週、 1 時間
14 歳-18 歳
11〜13歳: JavaScript を使用したモバイル アプリの作成 - レベル 1
Jamesetta James
4.7
(178)
$15 クラスごと
次回のセッションは Tue 5/13 の1 PM です
グループクラス
1 週間、 1/週、 1.50 時間
11 歳-13 歳
子どものためのプロジェクトベースのウェブ開発(1年間):HTML、CSS、Javascriptを学ぶ
Faruk Hasan
4.8
(149)
$12 クラスごと
次回のセッションは Tue 7/1 の11 PM です
グループクラス
1/週、 35 分
10 歳-15 歳