技術標籤：html5小遊戲原始碼

簡介

遊戲中，籃球與粉球是一對非常相愛的小情侶，不過他們現在走失了，我們需要通過畫線的方式幫助他們重新相遇，現在就讓我們一起來試試吧！

如何開始

遊戲載入完畢後點擊play - 然後點選關卡1即可開始遊戲

遊戲目標

合理操作，順利闖關！

圖片演示

簡要程式碼

css

html {  width: 100%;  height: 100%;  margin: 0;  padding: 0;}.cocosVideo:-moz-full-screen {  transform: matrix(1, 0, 0, 1, 0, 0) !important;}.cocosVideo:full-screen {  transform: matrix(1, 0, 0, 1, 0, 0) !important;}.cocosVideo:-webkit-full-screen {  transform: matrix(1, 0, 0, 1, 0, 0) !important;}#loader {  position: fixed;  top: 40%;  bottom: 0px;  left: 0px;  right: 0px;  margin: 0 auto;  width: 150px;  height: 150px;text-align:center;
 

html

<div id="loader"><img src="icon.png" width="150" height="190" alt="Love Balls" style="display: block;">div><canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0">canvas><ul id="wrap">ul>
 

推薦原始碼：

【螞蟻社群原始碼首發】魯尼國王塔防遊戲，爽的根本停不下來

拍大白小遊戲，拍照後分享！

HTML5卡通遊戲，疊房子(造房子)

加速度，飛行小遊戲，適合入門遊戲開發

html5 canvas走出迷宮小遊戲，程式碼簡潔，適合學習

【開源遊戲/網路遊戲】勇士的戰爭！

點選閱讀原文，開始遊戲/下載原始碼

↓↓↓↓