【0x00】
剛開了專欄,沒事過來投投稿混眼熟啦~//纔不是爲了抱枕呢
剛剛結束了黑客馬拉松,回來也是緩了很久才緩過來。這麼高強度的腦洞勞動···阿不,是腦力勞動的說。真的第一次。提及來,跟代碼相識,仍是源於一個帶我入坑的大神@skywalker_z ,真·人生贏家。的確,他帶着我走進了這麼一條不歸路。html
【0x01】
前一天跟小夥伴一塊兒坐動車從南京趕到上海。對,就是這個@MonkeyFigaro zai 還就是520這麼個晚上,我跟這貨大老遠從南京跑到上海開了個房······好吧,不吐槽,咱們繼續說正事······次日到賽場也是直接打車就過去了,起步價,很容易就找到地方。剛到賽場徹底處於蒙逼狀態,啥都不懂,找個地先坐下穩穩神···前端
而後就開始聽燒鹼的開場咯~畢竟不是第一次接觸這些人,風格依舊是那個風格~此次還照顧到了國際友人,找到了angelhack的boss作了同傳,感受好厲害~編程
其實原本就是抱着個試試的心態,沒有太多的準備,就跑去參賽賽,真正接觸網頁編程也就這麼半年左右的時間,技術還沒掌握的全面,因而咱們開始組隊,討論想法,最後肯定咱們要作頁面小遊戲。因而就開始了這個到如今尚未完成的小項目···瀏覽器
【0x02】服務器
最初小遊戲的想法是因爲咱們的小團隊裏面有這麼個以作遊戲見長的,因而咱們本着人盡其用的原則,選擇了使用html頁面實現無物理引擎下的小遊戲。
最初想到了主題,打算了以建築爲核心,後來發現其複雜程度超過咱們承受範圍,pass!而後又想到MC的2D版,一樣是由於技術上緣由,咱們沒辦法完成,pass!技術評估到最後,終於定下來。最後遊戲的主題定在了很小的解謎遊戲這樣的定位上,因而就開始動手作啦!函數
【0x03】
技術上難度其實並不大,關鍵在遊戲模式上面。首先,在遊戲區域裏面,咱們設置了800400像素的區域做爲遊戲的主要區域,並用2020像素的小格分割爲40*20的方陣,方陣中每個小格都是能夠放置方塊的。那麼可定義的方塊,咱們設置了五個功能方塊,分別是加速,減速,上跳,下落,失重,一個普通方塊,平臺。遊戲模式爲關卡模式,每一關卡有本身的地形因素,並給定數量的方塊用於搭建路徑。方塊數量有限,但必定能夠到達對面,所以即含有益智也含有解謎的因素。工具
【0x04】
技術層面的話,最開始打算徹底用前端實現,前端界面完成之後發現不少東西不是原生js能夠實現的,因而咱們引入了jquary,進行路經計算和鼠標點擊位置的獲取。這一切作好之後,因爲關卡和功能方塊須要可變因素,因而準備上世界上最好的語言PHP並將控制交給本地服務器和瀏覽器處理。在PHP中設定全局變量關卡和全局變量模式,分別對應關卡數和方塊的功能,經過控制每一個方塊的功能ID調用不一樣的js函數完成小球的路徑演算,左下方開始按鈕爲觸發路徑。因爲沒有啓用任何的物理引擎,全部路徑均爲即時演算。具體是否可行仍是要看進一步開發。學習
【0x05】
儘管到最後咱們也沒有在比賽結束以前完成,可是想法仍是應初步實現了的,至少咱們的doge從起點穿梭到了終點。我也會慢慢把這個小遊戲寫完,可是,完工的日子,可能遙遙無期吧?對於現場提供的石墨文檔,聲網API等等這些咱們尚未涉及,不只是由於咱們技術不夠,更多的是咱們沒有把方向定向在這方面,不過仍是以爲石墨文檔這東西神奇的很,但願能繼續加油,我也會一直使用的~spa
【0x06】
雖然技術方面咱們沒有作好充足的準備就過來,可是咱們但是作好了重充分的準備來吃的。以前就據說伙食很好,果真名不虛傳,有圖爲證3d
固然啦,現場還有不少其餘的吃的,玩的,打字機,波比足球,每當坐不住的時候,站起來活動一下,仍是很棒的~
還有AH和SF在開場送的文化衫,穿上超級舒服~聽說會越洗越軟?之後慢慢試試~
這裏貼上一隻不肯透露姓名的猴子
賽後的學習階段(也就是各小組的展現階段)真是令我大開眼界,也算是出來好好學習個。那麼多不懂得技術,那麼多沒通聽過的工具,看來本身仍是要多多增加本身的姿式水平啊~
但願下次能來南京,你們一塊兒嗨~(折騰上海仍是有些累的233333)
附圖
偷拍燒鹼
我給你拿着你說
偷偷艾特@燒鹼