검색

weekly
or for 8 classes
수업

P5.js를 활용한 창의적 코딩 – JavaScript를 활용한 6~8학년용 게임 디자인

신규 수업
연령대: 12-14 세
실시간 그룹 수업
p5.js로 게임을 만들어 코딩을 배워보세요! 이 재미있는 8회 수업 과정에서 학생들은 애니메이션을 만들고, 변수, 반복문, 조건문을 활용하며, 창의적인 코딩을 마스터하는 동시에 ,핑퐁,과 ,닷지 마스터,라는 두 가지 간단한 게임을 만들어 봅니다.
평균 평점:
4.9
수강 후기 수:
(39 수강 후기)
새로운 선생님

실시간 화상 수업
8주 동안 주당 1회
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수강 후기
새로운 선생님
프로필
교사 전문성 및 자격증
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.


다른 인기 수업
9-14세를 위한 1:1 Javascript/P5.Js
Coco Coders
4.8
(974)
세션당
일대일 레슨
온디맨드
9-14 세
프로젝트 기반 자바스크립트 코딩(레벨 1)
AI Code Academy
4.7
(1,787)
회당 수업료
다음 세션은 Saturday 3 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
9-14 세
JavaScript / p5.Js 컴퓨터 과학 코딩 클럽: 게임, 애니메이션 등
Coco Coders
4.8
(974)
회당 수업료
다음 세션은 오늘 11 PM 입니다.
그룹 수업
주당 1회55분
9-13 세
어린이 코딩 퀘스트: 자바스크립트 게임 에디션
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
회당 수업료
다음 세션은 Tue 6/3 12 AM 에 예정되어 있습니다.
그룹 수업
4 주, 주당 2회55분
9-14 세
여름 캠프: Javascript 코딩 4 키즈(소개)
Dr. Elliott Heflin, Jr.
4.6
(405)
회당 수업료
다음 세션은 Mon 5/12 10 PM 에 예정되어 있습니다.
그룹 수업
5 주, 주당 2회55분
8-13 세
초보자를 위한 Javascript 코딩 레벨 1 - 프로젝트 기반 학습
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,848)
회당 수업료
다음 세션은 Mon 7/21 6 PM 에 예정되어 있습니다.
그룹 수업
12 주, 주당 1회50분
10-15 세
P5.js를 활용한 창의적 코딩 – JavaScript를 활용한 6~8학년용 게임 디자인
Create N Learn: Game-Based Learning & Future Skill
4.9
(39)
회당 수업료
다음 세션은 내일 9 PM 입니다.
그룹 수업
8 주, 주당 1회55분
12-14 세
크리에이티브 코딩 1:1 [디지털 아트 + 게임 + 자바스크립트 애니메이션]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(48)
세션당
일대일 레슨
온디맨드
9-15 세
자바스크립트 학기: 기본부터 핵심 아이디어까지!
Coco Coders
4.8
(974)
회당 수업료
다음 세션은 Mon 6/2 2 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회55분
10-15 세
8~10세: JavaScript를 사용한 모바일 앱 생성 - 레벨 1
Jamesetta James
4.7
(178)
회당 수업료
다음 세션은 Mon 5/12 1 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 1회1.50 시간
8-10 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(2단계)
AI Code Academy
4.7
(1,787)
회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
10-15 세
프로젝트 기반 자바스크립트 코딩(레벨 2)
AI Code Academy
4.7
(1,787)
회당 수업료
다음 세션은 Saturday 3 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
10-13 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(1단계)
AI Code Academy
4.7
(1,787)
회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
9-13 세
아이들이 웹 개발을 배우다: Github을 활용한 HTML, CSS, Javascript 프로젝트!
Faruk Hasan
4.8
(149)
회당 수업료
다음 세션은 Tue 7/1 11 PM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
11-15 세
11-13세: JavaScript를 사용한 모바일 앱 생성 - 레벨 1
Jamesetta James
4.7
(178)
회당 수업료
다음 세션은 Tue 5/13 1 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 1회1.50 시간
11-13 세
1:1 컴퓨터 과학 튜터링(Java, JS, Python 등)
Andy Richards
3.4
(5)
세션당
일대일 레슨
온디맨드
8-18 세
더 많은 수업 보기
검색
기프트 카드 구매
통화, 시간대 및 언어 설정 열기
언어 및 지역
로그인