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.

評論

現場團體小班課程
分享

US$150

用於 6 課程
每週1次,共 6 週
50 分鐘

有45 位學習者完成此課程
即時視訊會議
年齡: 12-17
2-5 每班學員人數

該課程不再提供
關於
支援
安全隱私加州隱私學習者隱私您的隱私選擇條款
下載這個軟體
在應用程式商店下載在 Google Play 上取得
© 2025 校外