我正在參加「創意開發 投稿大賽」
我是公衆号「線下聚會遊戲」的作者，開發了一些聯機桌遊網頁（鬥地主、五子棋等），總結了一些小遊戲開發經驗，彙總在專欄《教你做小遊戲》，分享給大家，歡迎關注。
背景
在B站擁有25萬粉絲的UP主「時少權」，釋出了條視訊：《為什麼中國10年都做不好鬥地主？》，播放量直破10萬，視訊主要内容如下：
十年來，幾乎所有鬥地主遊戲展示手牌的方式（下稱理牌方式）都千篇一律：手牌排列為一橫排、并按序排列。
但這種方式并不友好，有諸多缺點。例如：無法直覺看出順子、飛機等牌型，無法直覺看出缺的牌（可預測炸彈）。
我們真實打牌時，往往會在間斷的地方留白隙，并且相同的牌豎排排列，如下圖：
這種方法解決了正常理牌的缺點。
我看完視訊後，恍然大悟！這就是我想要的完美理牌方案！為了表達敬佩之情，我立馬就加了好友，表明：我要實作它！
為什麼這是我想要的理牌方案？
首先，我不希望使用者玩個小遊戲還要旋轉手機，是以，我做的鬥地主是豎屏的，但豎屏有個難點：手牌一行展示不全，高度空間沒有充分利用，但是用了「時少權」的理牌方案，問題就迎刃而解！
不僅如此，它還幫我解決了另一個問題：人機互動問題。
今年3月開發鬥地主時，我玩了30款鬥地主遊戲來思考人機互動。可惜，并沒有找到讓我驚豔的互動。
最終決定：手牌一排展示完（部分牌會超出螢幕），手指滑動可看到螢幕外的牌，手指點選可選中牌。這有限制：我不能滑動選牌。
但現在，所有手牌都不會超出螢幕了，滑動選牌得以實作！
欣賞人機互動
讓我們欣賞一下：
互動介紹
由于時少權當時并未提出互動方案，是以這個互動方案是我自己研究出來的。
PC端：
- 未選中的牌，是預設狀态；選中的牌，加一層半透明的黑色遮罩層。
- 滑鼠單擊牌，可以選中牌。
- 滑鼠單擊已選中的牌，可以取消選中。
- 滑鼠點選某個未選中的牌，并且開始拖拽，所滑過的牌，都會被選中。（不是反選那麼簡單！）
- 滑鼠點選某個已選中的牌，并且開始拖拽，所滑過的牌，都會被取消選中。（不是反選那麼簡單！）
- 未選中的牌，是預設狀态；選中的牌，加一層半透明的黑色遮罩層。
- 輕觸一張牌，可以選中牌。
- 輕觸已選中的一張牌，可以取消選中。
- 手指從某個未選中的牌開始滑動，所滑過的牌，都會被選中。（不是反選那麼簡單！）
- 手指從某個已選中的牌開始滑動，所滑過的牌，都會被取消選中。（不是反選那麼簡單！）