微信在最新的iphone版應用中營運刷卡功能，為了推廣該功能，小組成員自主開發了簡單的超級收銀員小遊戲。第一次寫前端遊戲，嚴重意識到js寫少了，趁這次惡補下，畢竟還年輕，感覺老了腦袋不好使。今天給大家分享本次遊戲的學習成果，有興趣的同學先掃描二維碼挑戰。
目錄：
<a href="http://www.cnblogs.com/peunzhang/p/4024108.html#mod_2">遊戲思路</a>
<a href="http://www.cnblogs.com/peunzhang/p/4024108.html#mod_1">遊戲場景</a>
<a href="http://www.cnblogs.com/peunzhang/p/4024108.html#mod_3">核心代碼</a>
本人很喜歡玩遊戲，也玩過不少小遊戲，5月份的時候我接觸了手遊《刀塔傳奇》，好玩、有趣味性，讓自己又愛又恨投入了時間和金錢，享受其中的樂趣，相信“好玩”和“商業化成功”是做一款遊戲的目标，對于超級收銀員遊戲，市場上類似的有很多，而我們的目标很簡單，隻想把超級收銀員做成一個好玩的小遊戲，更有趣味性，思路如下：
玩法簡單
遊戲界面随機出現不同物品，點選條形碼格加分，其它減分。
易上手
随便玩一二局遊戲就知道怎麼玩，學習成本低。
趣味性
遊戲ui風格幽默，如鳥被擊中後爆炸。
虐心
遊戲從一開始簡單快速到困難，容易出錯，使用者不服輸。
分享文案拉仇恨
大部分使用者第一次玩得的分數低于40，被授予“水貨收銀員”的稱号，并被全球50%以上的收銀員打敗，求朋友來幫忙報仇；
分數大于40，被授予“超級收銀員”的稱号，求朋友來超越；
通過使用者傳播、推廣。
來自鹹菜大師的作品，微信版截圖，原版界面更好看- -
九宮格中，随時出現物品，函數如下：
九宮格中，随時為li标簽添加class：
首先要加載微信分享子產品的接口，這裡就不做介紹，分享到朋友圈的分案如下：
第一次完整開發一個小遊戲，雖然不難，但也是折騰了好幾天，以上一點想法，水準有限，不足之處，歡迎大家拍磚~
作者：白樹