搜尋

US$15

weekly
or US$120 for 8 classes
班級

使用 P5.js 進行創意編碼 – 使用 JavaScript 進行 6-8 年級遊戲設計

新班級
年齡 12-14
現場團體課程
透過使用 p5.js 建立遊戲來學習編碼!在這個有趣的 8 節課課程中,學生可以創建動畫、使用變數、循環和條件,並建立兩個簡單的遊戲——乒乓球和躲避大師,同時掌握創意編碼。
平均評分:
4.9
評論數量:
(39 評論)
Outschool 新內容

即時視訊會議
每週1次,共 8 週
2-4 名學習者(每班)
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 教室外,本課程也使用:

提供自

4.9
39評論
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)
US$20 每班
下一堂課明天 10 PM
團體課
1/週, 55 分鐘
9-13
1:1 Javascript/P5.Js,適合 9-14 歲兒童
Coco Coders
4.8
(974)
US$60 每堂課
一對一課程
依需求開班
9-14
以專案為基礎的 Javascript 編碼(等級 1)
AI Code Academy
4.7
(1,787)
US$21 每班
下次會議在 3 PM Saturday
團體課
10 週, 1/週, 1 小時
9-14
夏令營:兒童 JavaScript 程式設計(簡介)
Dr. Elliott Heflin, Jr.
4.6
(405)
US$19 每班
下次會議在 10 PM Mon 5/12
團體課
5 週, 2/週, 55 分鐘
8-13
使用 P5.js 進行創意編碼 – 使用 JavaScript 進行 6-8 年級遊戲設計
Create N Learn: Game-Based Learning & Future Skill
4.9
(39)
US$15 每班
下次會議在 3 PM Thursday
團體課
8 週, 1/週, 55 分鐘
12-14
兒童程式設計探索:JavaScript 遊戲版
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$12 每班
下次會議在 12 AM Tue 6/3
團體課
4 週, 2/週, 55 分鐘
9-14
Javascript 初學者編碼 1 級 - 基於專案的學習
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,849)
US$20 每班
下次會議在 6 PM Mon 7/21
團體課
12 週, 1/週, 50 分鐘
10-15
創意編碼一對一 [數位藝術 + 遊戲 + JavaScript 動畫]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(48)
US$30 每堂課
一對一課程
依需求開班
9-15
Javascript 學期:從基礎到大創意!
Coco Coders
4.8
(974)
US$18 每班
下次會議在 2 PM Mon 6/2
團體課
10 週, 1/週, 55 分鐘
10-15
8 - 10 歲:使用 JavaScript 建立行動應用程式 - 1 級
Jamesetta James
4.7
(178)
US$15 每班
下次會議在 1 PM Mon 5/12
團體課
1 週, 1/週, 1.50 小時
8-10
夏令營:以專案為基礎的兒童 Javascript(2 級)
AI Code Academy
4.7
(1,787)
US$23 每班
下次會議在 3 PM Mon 6/16
團體課
2 週, 5/週, 1 小時
10-15
以專案為基礎的 Javascript 編碼(等級 2)
AI Code Academy
4.7
(1,787)
US$22 每班
下次會議在 3 PM Saturday
團體課
10 週, 1/週, 1 小時
10-13
夏令營:以專案為基礎的兒童 Javascript(等級 1)
AI Code Academy
4.7
(1,787)
US$22 每班
下次會議在 3 PM Mon 6/16
團體課
2 週, 5/週, 1 小時
9-13
11 -13 歲:使用 JavaScript 建立行動應用程式 - 1 級
Jamesetta James
4.7
(178)
US$15 每班
下次會議在 1 PM Tue 5/13
團體課
1 週, 1/週, 1.50 小時
11-13
孩子學習 Web 開發:使用 Github 進行 HTML、CSS 和 Javascript 專案!
Faruk Hasan
4.8
(149)
US$12 每班
下次會議在 11 PM Tue 7/1
團體課
1/週, 35 分鐘
11-15
1:1 編碼課程:Java、Python、HTML、CSS、JavaScript(可自訂)
MissB aka Bhavana R (Coding)
4.9
(37)
US$70 每堂課
一對一課程
依需求開班
9-18
查看更多課程
回首頁
搜尋
贈送禮物卡
開啟貨幣、時區和語言設置
語言&地區
登入