療愈系小遊戲 - “撈金魚”

輕鬆、簡單、卻有挑戰的小遊戲,試著用 JavaScript 做出來吧!

 Join CourseCourse Fee
This course is currently free. Sign up now!
Learning Progress
Complete the project within 7 days after enrollment,Approximately 2 hours of lessons

About This Course

你有沒有在夜市玩過撈金魚呢?用紙網子撈金魚,一不小心就會弄破,好刺激啊!是個非常老少咸宜的消遣哦!

但是啊.... 這樣金魚也太可憐了吧~ 不如把它寫成程式,用程式模擬撈金魚的遊戲好了!

快來跟著橘蘋學習平台的老師一起學習 JavaScript,做出這個老少咸宜的小遊戲吧!

 

 

What You Will Learn

實作撈金魚

Knowledge Points
  • JavaScript
  • JS: Comparison OperatorsJS: ifJS: elseJS: For loopJS: FunctionJS: Math.random()JS: Engine: Sprite.directionJS: Engine: Sprite.stepForward()JS: Engine: Sprite.destroy()JS: Engine: Sprite.forever()JS: Engine: forever()JS: Engine: cursorJS: Engine: Events: Click

Why You Should Take This Course

JavaScript 是目前最火紅的程式語言之一,原因無他:好學、應用範圍廣。
在這堂課中,你將能夠學到:

物件的觀念

在實作這個專案的過程中,我們會大量地操作物件的特性,讓學生親生體驗物件導向設計的思維,學會用更優美、簡約、可讀的方式撰寫程式碼。

遊戲的製作原理

遊戲的實作機制比較特別,你可以想象有一個大廻圈,依據資料的內容不停地重繪畫面,一旦資料變動(如分數),畫面也會跟著改變。
​你將在實作專案的過程中,體會到遊戲的渲染原理、及事件機制。

Course Difficulty

對 JavaScript 有一定基礎,了解基本語法以及變數觀念的學生。

Prerequisite Knowledge

JS: Variable  JS: Math Operators  JS: Object  JS: Engine: Sprite: Position  JS: Engine: Sprite.costumes  JS: Engine: Sprite.scale  JS: Object: attributes  JS: Engine: createSprite  

Course Features

 專案導向學習
 影片引導
 線上編輯器即時演練
 線上社群提問/交流