Outschool
검색

for 4 classes
수업

겨울 코딩 캠프: 자바스크립트로 플래피 버드 게임을 코딩하는 방법 배우기

20 명의 학생이 수업을 완료함
연령대: 10-15 세
실시간 그룹 수업
이 2주간 온라인 실시간 과정에서 학생들은 JavaScript를 사용하여 플래피버드 게임을 코딩하는 방법을 배웁니다.
평균 평점:
4.8
수강 후기 수:
(329 수강 후기)

실시간 화상 수업
1주 동안 주당 4회
2-10 수업 정원
50분

무엇이 포함되어 있나요?

4개의 라이브 미팅
수업 3 시간 20 분 시간
학습 평가
Leaners will be asked questions in class to gauge and help understanding
보고계신 지문은 자동 번역 되었습니다

수업 소개

Get $5 off my class "Winter Coding Camp: Learn How to Code The Flappy Bird Game With JavaScript" with coupon code LOPEZE1TTM5 until Dec 26, 2022. Get started at https://outschool.com/classes/winter-coding-camp-learn-how-to-code-the-flappy-bird-game-with-javascript-O5ii7bm5 and enter the coupon code at checkout.

In this course, students will learn how to create the flappy bird game using the Phaser 3 and Repl. Phaser is a powerful framework that's an industry standard for creating games for Facebook Instant marketplace, Android Play Store, Apple Store, websites, and more. We will be coding the game using JavaScript which is a very popular coding language that is also easier to understand for beginners. In each class I will show and explain how to code sections of the game, I will ask students for their input and suggest and encourage them to try coding parts of the game themselves. I will also give out a challenge after classes so students can experiment and grow their knowledge. By the end of the course students will have the knowledge of how to create a basic game using javascript and Phaser. 

Classes One and Two:
I will show students how to navigate in the repl website that we will be using to create our game. Next we will look at how a website is created and communicates with Javascript and Phaser. Then they will learn how to load assets like sprites into the game and display them. Students will start to learn about variables, game loop, and functions. We will also add the infinity scrollable background functionality used in common side scroller games.

Classes Three and Four: We will work on adding the bird to our game and add physics to it as well as the ability to move it around when pressing the space bar. Then we will start adding the obstacles and collision detection to detect when we hit an obstacle. In the final class we will experiment with platform placements, tracking score, and other ideas students might want to add to the game.

Topics the course covers:
        Basic game design
        Creating a webpage 
        Connecting a website to use Phaser 3
        How to load and display images and animations
        How to work with variables, functions, game loops coding concepts
        How to create animations from sprite sheets
        How to handle collision detection
        How add physics to our game
        Keyboard control to move the player
        Handling game over
        Track the score 

Please note: If the student is outside of the age range but you think they still may be suitable for this class, please contact me before signing up. They should have experience navigating around a computer and be able to listen and follow instructions well with minimal help. 

Please review my class rules and policies: https://cdn.filestackcontent.com/ossRr9woS9idai4ZVpuF

그 외 세부 사항

수업 자료
Students should make a free account here: https://repl.it/login
 등록 시 1개의 파일을 볼 수 있어요.
Outschool 외 필요 앱/웹사이트
아웃스쿨 사이트의 기능 외 별도의 앱이나 웹 사이트를 사용할 필요가 없습니다.

선생님을 만나보세요

가입일: August, 2019
4.8
329수강 후기
프로필
교사 전문성 및 자격증
Hi my name is Jon and I love teaching others how to code.  I have been coding for over 10 years in various different languages and platforms. I have been fortunate enough to work in the industry for a local gaming company so I know what it takes to succeed in this competitive field. I believe that it is important to know the theory of computer programming but it's just as important to know how to implement it. I have also used my knowledge of coding to make augmented reality card game for a gaming convention.

리뷰


다른 인기 수업
9-14세를 위한 1:1 JavaScript/p5.js
Coco Coders
4.8
(973)
세션당
일대일 레슨
온디맨드
9-14 세
프로젝트 기반 자바스크립트 코딩(레벨 1)
AI Code Academy
4.7
(1,770)
회당 수업료
다음 세션은 Mon 3/17 11:30 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
9-14 세
JavaScript / p5.Js 컴퓨터 과학 코딩 클럽: 게임, 애니메이션 등
Coco Coders
4.8
(973)
회당 수업료
다음 세션은 Monday 12 AM 에 예정되어 있습니다.
그룹 수업
주당 1회55분
9-13 세
초보자를 위한 Javascript 코딩 레벨 2 - 프로젝트 기반 학습
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,749)
회당 수업료
다음 세션은 Tuesday 4 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회50분
10-15 세
자바스크립트 코딩 4 키즈(소개)
Dr. Elliott Heflin, Jr.
4.6
(405)
회당 수업료
다음 세션은 Mon 3/17 10 PM 에 예정되어 있습니다.
그룹 수업
5 주, 주당 2회55분
8-13 세
어린이 코딩 퀘스트: 자바스크립트 게임 에디션
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
회당 수업료
다음 세션은 Mon 6/2 5 PM 에 예정되어 있습니다.
그룹 수업
4 주, 주당 2회55분
9-14 세
초보자를 위한 Javascript 코딩 레벨 1 - 프로젝트 기반 학습
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,749)
회당 수업료
다음 세션은 Monday 6 PM 에 예정되어 있습니다.
그룹 수업
12 주, 주당 1회50분
10-15 세
크리에이티브 코딩 1:1 [디지털 아트 + 게임 + 자바스크립트 애니메이션]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(47)
세션당
일대일 레슨
온디맨드
9-15 세
프로젝트 기반 자바스크립트 코딩(레벨 2)
AI Code Academy
4.7
(1,770)
회당 수업료
다음 세션은 Mon 3/17 11:30 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
10-13 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(2단계)
AI Code Academy
4.7
(1,770)
회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
10-15 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(1단계)
AI Code Academy
4.7
(1,770)
회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
9-13 세
어린이를 위한 프로젝트 기반 웹 개발(연간): HTML, CSS 및 Javascript 학습
Faruk Hasan
4.8
(145)
회당 수업료
다음 세션은 Tuesday 2:05 AM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
11-16 세
[1대1] [Python, Javascript, Java, Scratch] 코딩 평가: 8세 ~ 17세
Mr. Hun
5.0
(6)
세션당
일대일 레슨
온디맨드
8-17 세
1:1 컴퓨터 과학 튜터링(Java, JS, Python 등)
Andy Richards
3.4
(5)
세션당
일대일 레슨
온디맨드
8-18 세
1:1 코딩 세션: Java, Python, HTML, CSS, JavaScript(사용자 정의 가능)
MissB aka Bhavana R (Coding)
4.9
(36)
세션당
일대일 레슨
온디맨드
9-18 세
1:1 튜터링: 코딩, 아두이노, 게임, 유니티, 파이썬, 자바스크립트, C++, C#
Alex Fish
5.0
(6)
세션당
일대일 레슨
온디맨드
7-18 세
더 많은 수업 보기
검색
기프트 카드 구매
통화, 시간대 및 언어 설정 열기
언어 및 지역
로그인