Outschool
検索

$15

weekly
or $120 for 8 classes
クラス

P5.jsを使ったクリエイティブコーディング - JavaScriptを使った6~8年生向けゲームデザイン

新着クラス
年齢 12 歳-14 歳
ライブグループコース
p5.jsを使ってゲームを作りながらコーディングを学びましょう!この楽しい8クラスコースでは、アニメーションの作成、変数、ループ、条件文の使い方を学び、2つのシンプルなゲーム「Ping Pong」と「Dodge Masters」を作成しながら、クリエイティブコーディングを習得します。
平均評価:
5.0
レビュー数:
(24 レビュー)
New on Outschool

オンラインライブ授業
週に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内のクラスルームに加えて、以下を使用します。

提供:

5.0
24レビュー
New on 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.

レビュー



その他の人気クラス
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 歳
もっとクラスを見る
アプリを入手 
App StoreでダウンロードGoogle Playで入手する
Home
検索
ギフトカードを贈る
通貨、タイムゾーン、言語の設定を開く
言語と地域
ログイン