iT邦幫忙

0

用JavaScript寫好的小遊戲,請求程式註解

  • 分享至 

  • xImage

內容是一個連線泡泡球遊戲,請求高手幫我解釋程式的用意,不需每行解釋,只要解釋每一段的程式是在做什麼的即可,盡量白話一點,因字數有限,請加我MSN:miyz3158@hotmail.com,或留下EMAIL,感謝!!
完整檔案載點
http://www.sinocell.com.tw/event/2013/bubble.rar

var canvas;
var ctx;
var mp = {x:-1, y:-1, c:0};
var isStart = false;
var isSel = false;
var isRan = false;
var isEnd = false;
var isActive = false;
var ranArr = new Array();
var moveArr = new Array();
var score=0;
var beginTime;
var endTime;
var circle = Math.PI * 2;
var chessColor = new Array(7);
chessColor[0] = "";
chessColor[1] = "rgb(255, 82, 155)";
chessColor[2] = "rgb(255, 180, 82)";
chessColor[3] = "rgb(82, 255, 167)";
chessColor[4] = "rgb(82, 135, 255)";
chessColor[5] = "rgb(147, 82, 255)";
chessColor[6] = "rgb(255, 34, 34)";
chessColor[7] = "rgb(146, 146, 146)";

var map = new Array(9);
for(var i=0;i<9;i++) map[i] = new Array(9);

function game() {
canvas = document.getElementById("canvas");
if (canvas.getContext) ctx = canvas.getContext("2d");

var lineargradient = ctx.createLinearGradient(0,0,0,450);
lineargradient.addColorStop(0,'#E6E6E6');
lineargradient.addColorStop(1,'#FFF');
ctx.fillStyle = lineargradient;
ctx.fillRect(0,0,450,450);
ctx.strokeStyle = "#CCCCCC";
ctx.strokeRect(0.5,0.5,450,500);

drawChess(232.5,207,Math.floor(Math.random()*7)+1,1);
ctx.font = "20pt Arial";
ctx.fillStyle = "#969696";
ctx.fillText("點這裡開始", 165, 280);
document.getElementById("commentbox").style.left=canvas.offsetLeft+110+"px";
document.getElementById("commentbox").style.top=canvas.offsetTop+125+"px";

document.getElementById("scorebox").style.left=canvas.offsetLeft+12+"px";
document.getElementById("scorebox").style.top=canvas.offsetTop+473+"px";

document.getElementById("restartbox").style.left=canvas.offsetLeft+374+"px";
document.getElementById("restartbox").style.top=canvas.offsetTop+471+"px";
}
.
.
.
.

看更多先前的討論...收起先前的討論...
好歹你也要試著「註解」一下,
不懂的話,各位邦友才好幫忙註解....Orz
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 14:39:41 檢舉
不好意思@@
因為我沒寫過程式,加上時間急迫,所以來此求救各位邦友
抱歉抱歉!
外獅佬 iT邦大師 1 級 ‧ 2013-06-18 15:43:53 檢舉
沒寫過程式,上來要註解,想必也看不懂居多吧....落寞
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 16:02:46 檢舉
所以,我不應該發問是嗎...?
ted99tw iT邦高手 1 級 ‧ 2013-06-18 16:08:23 檢舉
就像是沒爬過山,一開始就要凸珠峰,不是不可以,只是死得快,不值得這樣搞。
wiseguy iT邦超人 1 級 ‧ 2013-06-18 16:11:18 檢舉
對沒爬過山的人而言,陽明山也跟珠峰一樣遙不可及 ....
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 16:12:59 檢舉
不好意思...我是學校的作業需要....
外獅佬 iT邦大師 1 級 ‧ 2013-06-18 16:14:58 檢舉
miyz3158提到:
作業需要

這...就更不懂了....學校作業,怎麼會....沒寫過程式然後,出程式題目作業??
外獅佬 iT邦大師 1 級 ‧ 2013-06-18 16:15:52 檢舉
miyz3158提到:
不應該發問是嗎...?

不是不應該,是至少要自己稍微努力過
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 16:23:15 檢舉
我也不解..老師就說期末找各做好的遊戲解說一下怎麼做..但課程也沒上到JS
重點是..選課時..是網頁設計
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 16:28:15 檢舉
我已經努力過了,還是不會,不然我幹嘛來這裡打擾各位...
CalvinKuo iT邦大師 7 級 ‧ 2013-06-18 16:49:22 檢舉
唉~~ 總不能直接抄人家專題吧
http://gogkmit.wikidot.com/demo:snake
temo iT邦新手 1 級 ‧ 2013-06-18 16:54:58 檢舉
這不就是網頁設計嗎??
這個要解說是全部??還是簡單介紹?
畢竟光JS就不少了還有css的背景.....
temo iT邦新手 1 級 ‧ 2013-06-18 17:00:11 檢舉
汗我連俄羅斯方塊都寫不太出來了.......光計算邏輯就搞混了暈
temo iT邦新手 1 級 ‧ 2013-06-18 17:01:57 檢舉
大學寫這種好像都很基本.....表弟成大期末考就寫俄羅斯方塊跟小飛機了....
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 17:20:57 檢舉
我只有詢問JS的部份,其他不需要
另外,這應該叫網頁遊戲設計吧,我覺得啦@@
外獅佬 iT邦大師 1 級 ‧ 2013-06-18 17:34:57 檢舉
miyz3158提到:
網頁遊戲設計

這不算是網頁設計的一種??落寞
外獅佬 iT邦大師 1 級 ‧ 2013-06-18 17:35:53 檢舉
temo提到:
成大期末考打飛機

驚毆飛毆飛毆飛
miyz3158 iT邦新手 5 級 ‧ 2013-06-18 18:37:10 檢舉
你說是就是吧
miyz3158提到:
努力過了

怎麼努力過了!!
有找過資料 看過JS教學文件嗎??
我平時真的很少碰JS,不過也會看看文件!
var 宣告變數
變數=賦值
new Array
在很多時候NEW 是物件導向 實體化物件的指令
Array 指的是陣列....
中國三W
英文三W
自己去看一下~~!
temo iT邦新手 1 級 ‧ 2013-06-18 20:06:46 檢舉
驚那金門大的不是也在打飛機

搞不懂寫遊戲是基本功嗎??個人對遊戲真的那些計算空間的算式邏輯都要看很久還要跑一跑程式設中斷點才能懂
汗
蟹老闆 iT邦大師 1 級 ‧ 2013-06-18 21:30:39 檢舉
miyz3158提到:
所以,我不應該發問是嗎...?

沒有任何問題不應該發問,主要是看提問人怎麼問,在哪問,
因為IT邦幫忙是個技術的社群,所以大家會很樂意發表自己的意見,不屬於值得討論或太過於高深才會沒人要回答,
換個方式說,有能力回答的人可視為老師,若拿著老師出的考題請老師寫答案,這並不是個好作法,但若是自行解答找老師求解就又另當別論。

上回海綿寶寶有POST一個專門問功課的地方或許你可以去那問問,至少在那問不會遭到糾正。

我很好奇若沒與趣當初選這門課是為什麼?
估且就算什麼都有人幫好了,將來要你拿出實力時會比現在難堪十倍或百倍,若你不打算從事相關行業那更不需要送錢給學店,看看自己想要什麼做就對了。
Ethan Jhuang iT邦研究生 3 級 ‧ 2013-06-19 08:49:45 檢舉
我的問題都沒啥回應
應該是屬於不值得討論
哭哭哭哭哭
蟹老闆 iT邦大師 1 級 ‧ 2013-06-19 09:17:42 檢舉
et54987提到:
應該是屬於不值得討論

應該是太高深難度太高了
總裁 iT邦好手 1 級 ‧ 2013-06-19 09:27:33 檢舉
你的問題不是都解決了嗎??那還要回應什麼??...疑惑
回應 阿伯大的絕招
讚
蟹老闆 iT邦大師 1 級 ‧ 2013-06-19 09:39:17 檢舉
et54987提到:
我的問題都沒啥回應

哪有,你的問題都有人回應
ycl8000 iT邦高手 1 級 ‧ 2013-06-19 11:51:13 檢舉
反正畢業之後,還不是只能去夜市擺攤。
分享電影的劇情.
ted99tw iT邦高手 1 級 ‧ 2013-06-19 12:00:06 檢舉
ycl8000提到:
只能去夜市擺攤


會比國會那些人不高尚嗎...
總裁 iT邦好手 1 級 ‧ 2013-06-19 13:33:10 檢舉
不能賣雞排嗎??...疑惑
外獅佬 iT邦大師 1 級 ‧ 2013-06-19 13:55:28 檢舉
cdfu提到:
賣雞排

像這樣賣嗎?
總裁 iT邦好手 1 級 ‧ 2013-06-19 14:18:01 檢舉
老闆,我要右邊那一份,左邊那一份幫我包給泰大....喜歡
盤子上剛好可以分成左右兩份,你們兩份雞排慢慢吃,送你們兩罐台啤配著喝.
這位服務人員帶回去幫她好好冰敷,做個雞排而已,熱的腫成這樣.
總裁 iT邦好手 1 級 ‧ 2013-06-19 14:38:46 檢舉
冰敷完當然還要按摩+C才行,不然消腫的效果不好的...睡覺
ted99tw iT邦高手 1 級 ‧ 2013-06-19 15:39:00 檢舉
奇怪,就照著總裁的話做,怎麼又換地方腫了...臉紅
魯大 iT邦高手 1 級 ‧ 2013-06-19 16:33:08 檢舉
看來是化膿,該把膿擠出來,才能消腫... 偷笑
ted99tw iT邦高手 1 級 ‧ 2013-06-19 19:38:31 檢舉
looney提到:


難怪總裁說要用“按摩+C才行”...汗
總裁 iT邦好手 1 級 ‧ 2013-06-19 20:29:47 檢舉
看來你們處理的不是很好,只好晚上直接帶來我房間,由我親自處理了....偷笑
蟹老闆 iT邦大師 1 級 ‧ 2013-06-19 23:41:47 檢舉
cdfu提到:
由我親自處理了

這小事怎敢勞煩總裁,交由小弟處理完成後再向您報告。偷笑
總裁 iT邦好手 1 級 ‧ 2013-06-20 07:48:49 檢舉
報告呢??....敲碗
ted99tw iT邦高手 1 級 ‧ 2013-06-20 07:52:27 檢舉
天邊一朵雲,胃裏一灘膿...噴鼻血
總裁 iT邦好手 1 級 ‧ 2013-06-20 08:56:26 檢舉
為什麼蟹老闆的膿會跑到泰大的胃裡...汗
ted99tw iT邦高手 1 級 ‧ 2013-06-20 09:14:20 檢舉
可能是我的胃被雞排妹給移花接木了...偷笑
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

16
海綿寶寶
iT邦大神 1 級 ‧ 2013-06-18 23:22:50

除了請求程式註解之外

考不考慮換個遊戲?

有註解的貪食蛇

6
pantc328
iT邦高手 1 級 ‧ 2013-06-19 14:13:03

不錯不錯,跟我一樣,程式就是最好的注解
最上面就畫布,環境,權域變數宣告
顏色陣列
在畫布上圖鴉
....
位移控制項

程式碼很好了,用英文解釋,你可能看不懂.用中文翻譯,可能Code還糟糕.
如果給教授看,他應該要看得懂,如果你翻譯錯的,那~

我要發表回答

立即登入回答