Outschool
통화, 시간대 및 언어 설정 열기
로그인

Phaser로 Javascript Pong 게임 코딩 배우기

학생들은 JavaScript를 사용하여 웹 기반 게임을 코딩하는 방법을 배웁니다.
Jon Lopez
평균 평점:
4.8
수강 후기 수:
(329)
수업

무엇이 포함되어 있나요?

6개의 라이브 미팅
수업 5 시간
보고계신 지문은 자동 번역 되었습니다

수업 소개

In this course, students will learn how to code in JavaScript while also learning how to create the classic game Pong. Since this course doesn’t use a game library, students will learn concepts like the game loop, collision detection, basic enemy artificial intelligence, control mechanism, rendering, moving images and more. I chose to use Javascript for this class because it 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, then I will ask students to try it out themselves. I will also give out a challenge after every class so students can experiment and grow their knowledge.

In the first week, students will learn how to use Repl and also how to create a basic webpage using HTML with canvas element which we will use to display the game. In the second week students will learn javaScript variables and how to draw on the game. In the third and fourth week, students will learn how to create the player ball and move it while also adding collision detection so the ball can bounce off the walls. In the fifth and sixth week, students will learn how to move the paddle from keyboard inputs and have the paddle interact with the ball. Finally in the seventh and eighth week, students will learn how to move the enemy paddle with simple AI, how to keep score, and the code for when the game is over. Also, if there is time in the last week I will briefly go over how to create this game using a game library and the benefit of doing that.

Students don't need to have coding knowledge but it is helpful. By the end of the course students will have the knowledge of basic programming principles like variables, conditions statements, functions and more. Also students will have a complete Pong javascript game that can be implemented in any webpage. Since this course uses Repl any computer with internet access will work.

Topics the course covers:
        Creating a webpage with a canvas using HTML
        Creating the player ball and moving it
        Code the logic to bounce the ball off the walls
        Keyboard control to move the paddle
        Handling game over
        Enemy paddle artificial intelligence 
        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/GtUqZSL3TDWxSH0n8tem

그 외 세부 사항

수업 자료
Students should make a free account here: https://repl.it/login
Outschool 외 필요 앱/웹사이트
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
  • Repl
가입일: August, 2019
4.8
329수강 후기
프로필
교사 전문성 및 자격증
I have a degree in computer science and have been coding for over 10 years. I have also worked a few years in the industry creating desktop games. As someone who was originally self taught I know  how important it is to learn code by being very hands-on and experimenting, which is how I will be teaching.

리뷰

실시간 그룹 수업
공유
6 회 수업에

US$150

6주 동안 주당 1회
50분

45 명의 학생이 수업을 완료함
실시간 화상 수업
연령: 12-17
수업당 학습자 2-5 명

이 수업은 더 이상 제공되지 않습니다.
아웃스쿨 소개
고객 지원
안전 정책개인 정보CA 개인 정보어린이 개인정보귀하의 개인정보 선택이용 약관
아웃스쿨 홈페이지
앱 다운로드
앱 스토어에서 다운로드Google Play에서 다운로드
© 2025 아웃스쿨