摘要：前一天跟小伙伴一起坐動(dòng)車從南京趕到上海。對(duì)，就是這個(gè)還就是這么個(gè)晚上，我跟這貨大老遠(yuǎn)從南京跑到上海開(kāi)了個(gè)房好吧，不吐槽，我們繼續(xù)說(shuō)正事第二天到賽場(chǎng)也是直接打車就過(guò)去了，起步價(jià)，很容易就找到地方。

【0x00】
剛開(kāi)了專欄，沒(méi)事過(guò)來(lái)投投稿混眼熟啦~//才不是為了抱枕呢
剛剛結(jié)束了黑客馬拉松，回來(lái)也是緩了好久才緩過(guò)來(lái)。這么高強(qiáng)度的腦洞勞動(dòng)···阿不，是腦力勞動(dòng)的說(shuō)。真的第一次。說(shuō)起來(lái)，跟代碼相識(shí)，還是源于一個(gè)帶我入坑的大神@skywalker_z ,真·人生贏家。的確，他帶著我走進(jìn)了這么一條不歸路。

【0x01】
前一天跟小伙伴一起坐動(dòng)車從南京趕到上海。對(duì)，就是這個(gè)@MonkeyFigaro zai 還就是520這么個(gè)晚上，我跟這貨大老遠(yuǎn)從南京跑到上海開(kāi)了個(gè)房······好吧，不吐槽，我們繼續(xù)說(shuō)正事······第二天到賽場(chǎng)也是直接打車就過(guò)去了，起步價(jià)，很容易就找到地方。剛到賽場(chǎng)完全處于蒙逼狀態(tài)，啥都不懂，找個(gè)地先坐下穩(wěn)穩(wěn)神···

然后就開(kāi)始聽(tīng)燒堿的開(kāi)場(chǎng)咯~畢竟不是第一次接觸這些人，風(fēng)格依舊是那個(gè)風(fēng)格~這次還照顧到了國(guó)際友人，找到了angelhack的boss做了同傳，感覺(jué)好厲害~

其實(shí)本來(lái)就是抱著個(gè)試試的心態(tài)，沒(méi)有太多的準(zhǔn)備，就跑去參賽賽，真正接觸網(wǎng)頁(yè)編程也就這么半年左右的時(shí)間，技術(shù)還沒(méi)掌握的全面，于是我們開(kāi)始組隊(duì)，討論想法，最后確定我們要做頁(yè)面小游戲。于是就開(kāi)始了這個(gè)到現(xiàn)在還沒(méi)有完成的小項(xiàng)目···

【0x02】

最初小游戲的想法是由于我們的小團(tuán)隊(duì)里面有這么個(gè)以做游戲見(jiàn)長(zhǎng)的，于是我們本著人盡其用的原則，選擇了使用html頁(yè)面實(shí)現(xiàn)無(wú)物理引擎下的小游戲。
最初想到了主題，打算了以建筑為核心，后來(lái)發(fā)現(xiàn)其復(fù)雜程度超過(guò)我們承受范圍，pass！然后又想到MC的2D版，同樣是因?yàn)榧夹g(shù)上原因，我們沒(méi)辦法完成，pass！技術(shù)評(píng)估到最后，終于定下來(lái)。最后游戲的主題定在了很小的解謎游戲這樣的定位上，于是就開(kāi)始動(dòng)手做啦！

【0x03】
技術(shù)上難度其實(shí)并不大，關(guān)鍵在游戲模式上面。首先，在游戲區(qū)域里面，我們?cè)O(shè)置了800400像素的區(qū)域作為游戲的主要區(qū)域，并用2020像素的小格分割為40*20的方陣，方陣中每一個(gè)小格都是可以放置方塊的。那么可定義的方塊，我們?cè)O(shè)置了五個(gè)功能方塊，分別是加速，減速，上跳，下落，失重，一個(gè)普通方塊，平臺(tái)。游戲模式為關(guān)卡模式，每一關(guān)卡有自己的地形因素，并給定數(shù)量的方塊用于搭建路徑。方塊數(shù)量有限，但一定可以到達(dá)對(duì)面，因此即含有益智也含有解謎的因素。

【0x04】
技術(shù)層面的話，最開(kāi)始打算完全用前端實(shí)現(xiàn)，前端界面完成以后發(fā)現(xiàn)很多東西不是原生js可以實(shí)現(xiàn)的，于是我們引入了jquary，進(jìn)行路經(jīng)計(jì)算和鼠標(biāo)點(diǎn)擊位置的獲取。這一切做好以后，由于關(guān)卡和功能方塊需要可變因素，于是準(zhǔn)備上世界上最好的語(yǔ)言PHP并將控制交給本地服務(wù)器和瀏覽器處理。在PHP中設(shè)定全局變量關(guān)卡和全局變量模式，分別對(duì)應(yīng)關(guān)卡數(shù)和方塊的功能，通過(guò)控制每個(gè)方塊的功能ID調(diào)用不同的js函數(shù)完成小球的路徑演算，左下方開(kāi)始按鈕為觸發(fā)路徑。由于沒(méi)有啟用任何的物理引擎，所有路徑均為即時(shí)演算。具體是否可行還是要看進(jìn)一步開(kāi)發(fā)。

【0x05】
盡管到最后我們也沒(méi)有在比賽結(jié)束之前完成，但是想法還是應(yīng)初步實(shí)現(xiàn)了的，至少我們的doge從起點(diǎn)穿梭到了終點(diǎn)。我也會(huì)慢慢把這個(gè)小游戲?qū)懲辏?，完工的日子，可能遙遙無(wú)期吧？對(duì)于現(xiàn)場(chǎng)提供的石墨文檔，聲網(wǎng)API等等這些我們還沒(méi)有涉及，不僅是因?yàn)槲覀兗夹g(shù)不夠，更多的是我們沒(méi)有把方向定向在這方面，不過(guò)還是覺(jué)得石墨文檔這東西神奇的很，希望能繼續(xù)加油，我也會(huì)一直使用的~

【0x06】
雖然技術(shù)方面我們沒(méi)有做好充足的準(zhǔn)備就過(guò)來(lái)，但是我們可是做好了重充分的準(zhǔn)備來(lái)吃的。之前就聽(tīng)說(shuō)伙食很好，果然名不虛傳，有圖為證

當(dāng)然啦，現(xiàn)場(chǎng)還有很多其他的吃的，玩的，打字機(jī)，波比足球，每當(dāng)坐不住的時(shí)候，站起來(lái)活動(dòng)一下，還是很棒的~
還有AH和SF在開(kāi)場(chǎng)送的文化衫，穿上超級(jí)舒服~據(jù)說(shuō)會(huì)越洗越軟？以后慢慢試試~

這里貼上一只不愿透露姓名的猴子

賽后的學(xué)習(xí)階段（也就是各小組的展示階段）真是令我大開(kāi)眼界，也算是出來(lái)好好學(xué)習(xí)個(gè)。那么多不懂得技術(shù)，那么多沒(méi)通聽(tīng)過(guò)的工具，看來(lái)自己還是要多多增長(zhǎng)自己的姿勢(shì)水平啊~
希望下次能來(lái)南京，大家一起嗨~（折騰上海還是有些累的233333）

附圖
偷拍燒堿

我給你拿著你說(shuō)

偷偷艾特@燒堿