JavaScript實現垃圾分類小遊戲教程,附原始碼!

千鋒武漢發表於2021-04-19

JavaScript語言是讓網頁能夠動起來非常重要的一環,今天小千就來給大家分享一個利用JavaScript開發一個垃圾分類小遊戲的教程,學完之後別忘記自己動手試一試哦。

JavaScript其實主要就是使用與類似css的設定(先獲取到元素,再去進行設定類似於css的屬性),我們還可以使用JavaScript去做各種的函式,使得在我們連線包含了js檔案後直接進行執行js中的沒有名字的函式,還可以透過按下、回車等進行呼叫其他函式(跳轉、實現各種功能、給後臺進行資料的傳送等等)。

這裡以垃圾分類小遊戲為例,下面是執行結果和程式碼

v2-92592cfabaee6c165b28e2133bdbef2d_720w

1.我們的頁面在建立的時候其實就是先畫圖,看自己的需求,然後進行程式碼的編寫(HTML+CSS)

2.我們就要去考慮我們需要實現什麼功能(js)

當前的功能同時做的事情:function(){ }//設定一個定時器,讓他每隔xs就做xxxxx

我們同時要進行小魔女進行丟擲動作、垃圾飛行動作(拋物線)、小蔡同學進行頂以下的操作

1606784464(1)

好啦,有興趣的小夥伴同趕緊去試試吧!


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2768676/,如需轉載,請註明出處,否則將追究法律責任。

相關文章