2015年4月4日 星期六

Javascript遊戲撰寫初挑戰 WORDKEEPER (一)序言

回顧一下發現,距離上次寫遊戲真的隔太遠了
想想最近也到了差不多該從現在工作中畢業的期限
當初給自己的目標,就是要在這邊工作的期間寫出幾個遊戲
因此又重新開始思考要怎麼來寫一些有趣的東西
也同時把一些過程作為筆記紀錄在部落格中
給未來的自己或其他有相同興趣的人作為一個參考



這幾年來相較於FLASH
Javascript搭配HTML5的表現越來越亮眼
用JS搭配後端程式的網頁遊戲也越來越多
自己雖然對後端PHP或JSP等程式有一些經驗
但對JS就相對的陌生
剛好前陣子想要自己來試著寫寫看"ZOOKEEPER"
因此就決定捨棄之前已經練習過的JAVA AWT
改以JS作為基底試著用自己的方式重新詮釋ZOOKEEPER作為練習

ZOOKEEPER應該算是一款滿有名的puzzle game
稍微google一下應該就可以看到他的網站或是一些介紹

ZOOKEEPER畫面(轉自GOOGLE PLAY)

簡單來說就是畫面呈現由大約6種不同動物格所組成8x8的棋盤排列
玩家可以指定其中任一格與其上下左右其中一個方向的格子進行交換
而如果交換後使某一種動物格在棋盤中有直向或橫向3個以上連續排列時
這些連續排列且相同的動物格就會消去
消去格的上方格子會落下填滿空格
如果交換後無法消去任何格子,則會強迫交換回去(如同沒有交換過)
第一次玩這個遊戲是在日本Yahoo mobage
由於規則簡單,加上上面的動物很有特色,當時玩的還頗瘋
而且之後連我妹都跟著迷上了
最後我就被她慘電了XD

這次要練習的主要就是這個棋盤式的遊戲主體
旁邊的那些可愛的動物或對戰功能等
就等以後再說吧~~
畫面主體的部分打算透過createjs來實踐
這是之前在接case時用到的一個套件
功能還滿豐富的,操作上也不會太過複雜
所以決定以這套library來實踐整個遊戲

而在畫面素材上
決定用目前正在做的手寫文字來製作
也就是說,遊戲不再是動物棋盤的ZOOKEEPER
而會變成文字棋盤的"WORDKEEPER"
看起來或許會很奇怪,但這就等到做出來之後再說吧

首篇的動機大概就先介紹至此
希望這一系列能夠在一個月內完成
前提是我能夠持續下去的話~

沒有留言 :

張貼留言