做了第一款 iOS 小游戏:用 SwiftUI 写了个水墨麻将连连看,送 50 个内购码

5 月 23 日
 hashtome

各位佬,大家好。

最近把第一款 iOS 小游戏上架了,叫 Sumi Mahjong Solitaire 。中文我自己叫它「禅艺麻将 / 水墨连连看」。它不是四人麻将,是麻将牌面的连连看 / Mahjong Solitaire:点两张相同的自由牌,如果能连起来就消掉。

App Store:

https://apps.apple.com/us/app/sumi-mahjong-solitaire/id6770823912?uo=4

这次做它其实不是想一上来做一个特别大的游戏,而是想完整跑一遍 iPhone 小游戏从开发、性能优化、内购、审核到上架的流程。因为是第一款游戏,我刻意没有选特别大的项目,也没有用 Unity 、SpriteKit 、Metal 或其他游戏框架,主实现就是 Swift / SwiftUI / SwiftData / StoreKit 2 ,加一些 Apple 系统框架自己硬写。

做之前觉得「麻将连连看」规则很简单,做完才发现游戏里的简单经常是假象。

比如牌面资源层是完整 144 张麻将牌,但手机竖屏上如果一味塞满,触控会小、画面会挤、玩家也更容易疲劳。后来默认局面反而往更舒服的牌数调,把精力放在可消对子数量、布局密度、死局重排和提示可信度上。

算法这块也比我想象中有意思。不能只是随机撒牌,因为很容易开局就无聊,或者中途卡死。最后做法更像「约束下的随机」:布局要满足堆叠和遮挡规则,开局要有足够但不过量的可选对子,还要用 Solver 去验证能不能继续玩。一个看起来很轻的小游戏,最后还是会回到核心算法和手感调参。

视觉和性能也踩了不少坑。最早我用代码实时画牌体、厚度、阴影和牌面,效果可控,但游戏里牌一多,任何一处重复绘制都会开始变贵。后面就上了烘焙流程:牌面先按图集裁切,再把代码画出来的牌体、厚度、材质烘成完整 PNG ,运行时直接用图片,帧率和稳定性会舒服很多。

音效和一些小特效也基本是自己做的。消除粒子、碰撞感、落叶飘动这些不是接现成物理引擎,而是用曲线、随机数和一些公式去调。落叶一开始只是想做氛围,后来发现它随着时间落下来会轻微遮挡棋盘,反而变成一种自然的难度;所以游戏里保留了扫叶次数,让它既是装饰也是一点玩法压力。

当前功能大概是:

也坦白说现在还有不少可以继续打磨的地方:

截图放两张,图片放在 GitHub Pages 上:

主玩法截图: https://hooosberg.github.io/Sumi-Mahjong/posters/zh-Hans/01.webp

主题截图: https://hooosberg.github.io/Sumi-Mahjong/posters/zh-Hans/03.webp 这次放 50 个内购码,想换一些真实反馈。

注意:下面这些是 Unlock All Themes 的内购 Offer Code ,不是 App 下载码。这个坑我之前在另一个 App 上踩过一次,苹果后台把外层 Promo Codes 和内购 Offer Codes 分得特别绕,真的很容易点错。这次是在 In-App Purchases 里的内购商品下面生成的。

兑换方式:

  1. iPhone 打开 App Store
  2. 点右上角头像
  3. 选择「兑换礼品卡或代码」
  4. 粘贴下面任意一个兑换码

如果兑换成功,麻烦回复一下用了哪个编号,方便后面的人少试重复码。

01. FW8NR6KMT4YY4WJT7W
02. TEXK4A63A4FKRH6F3N
03. FPKJAWXJX368KWMKYK
04. 66M4KAA4HJT8TMP7FJ
05. TNP7ERJWXPRN878K33
06. N7HW4PWXW3NMFJWKLA
07. YEKXELENPMFYA34K4Y
08. W8RFHXN7R7AK4LRMEE
09. EJKHRTYYF7FW6T4E4N
10. T8743LLPNNFW7X3HR8
11. 67LN47348M6MW6R6EK
12. NWK4NT6JAEHNF347RP
13. XNEL8MMYKFTLEYJRF8
14. WE8EYK7HE6HE3WLPXY
15. 6E47AKXPJM3HRAMFAH
16. HEMJ67E78RL8XX8N8K
17. KF3EWEX33JWAN7FK6X
18. T7RXMWWEPMEAH4EL67
19. 3LPPR3LAWJJ7YE43RW
20. XKLL63EJPTA8PJFW33
21. 6AT7NEY6HX3KW3TLXJ
22. L8HY7HE3ALAXW8TLWF
23. PH3A8WJJHLTW3X6HKK
24. MTE4KA8736TNXFN4L3
25. E846MJMLNA8M7WKHTP
26. NTT36RTJA6E34WLA4M
27. HYJAFXTEYFRF76KH7T
28. FJJA63NNPEF8MH6Y3A
29. L6N7JHKFM8Y6JNKT4L
30. PPL8XANNRMJKP4RFEE
31. M4JF3YHMKAXK8JKRN6
32. 6J7RE7HJYF3E68F733
33. LNE8NXM86XMWFP6X8F
34. T67NJM33K37W3RPNME
35. LHRXWHFLKJLAKPKTLE
36. AL4EETX6N6KK7E3M63
37. KLFH7P8X8KANH7WH6R
38. WTTAH84LA3XRWWLT3J
39. HK6YAH6E6MLPXH6XFL
40. 46HM4JF3K6AJ83T3PL
41. AHNJH8KN7FMWW4EKYP
42. LAHKY84HE7MH6HFJFY
43. JHYYWY6RPPRRHJKR46
44. RHKFR67KKH78PLKAMM
45. NRX3MTMLM8Y7PK8A3F
46. E8TN3XXJ3FMRXEXHK4
47. 34Y4HNAWLH3ENPM3P8
48. J8NYRFF7TMTMP8RPLN
49. K4WPPPE8JPRRY3ENWP
50. AYAX6MLJP776HT3FHN

特别想听大家吐槽:

谢谢各位佬。

3926 次点击
所在节点    分享创造
36 条回复
hashtome
5 月 23 日
@FirerWire3 谢谢收到
twinsdestiny
5 月 23 日
45 已兑换
ARFARFARF
5 月 23 日
50. AYAX6MLJP776HT3FHN 已兑换,让我想起小时候家里大人不打麻将的时候,带我把麻将洗好平铺起来玩连连看的情形
hashtome
5 月 23 日
@ARFARFARF 嘿嘿 我打麻将不太好,但是我就喜欢堆麻将,咱俩一样的爱好
fromzero
5 月 23 日
提示的青色外框不太能看得清楚。能不能改成醒目的红色
hashtome
5 月 23 日
@fromzero 收到,下一版的修改确实有点浅
whiteleopard520
5 月 23 日
没有了,能求个码吗,谢谢
MjYxOTgxNzU3QHFxLmNvbQ==
235299862
5 月 23 日
39. HK6YAH6E6MLPXH6XFL [已使用]
赞,老哥做的很不错。几点个人小建议:
1 、两张牌消除的音效稍微有点长
2 、落叶落地时会位移,消除落叶有个风声之类的音效更完美点
3 、无可消除麻将时自动重组没有提示
4 、全部消除完成时的过渡动画太快了
5 、个人记录的时长没看明白,好像不是纯游戏时间
6 、不同主题只有背景和麻将画面不同,落叶、音效都没变化
hashtome
5 月 23 日
@235299862 收到大佬的建议,我小本本记录,下次更新的问题就有了,我自己开发的真心看不出问题,自己家的孩子真的哪里都好 哈哈
hashtome
5 月 23 日
@whiteleopard520 RXWPRWF8WAJ73PHRNP 记得给我写个反馈意见哈,如果项目有人气我就知道怎么开发了,我第一次做游戏
Soonan
5 月 23 日
@hashtome #3 后来可以了,谢谢,不知道是哪里出了问题。
tiantangtianma
5 月 23 日
怎么感觉和安卓上的 vita mahjong 基本一样?
dhc90
5 月 24 日
老哥好高产
whiteleopard520
5 月 24 日
@hashtome
@hashtome 👌感谢
hashtome
5 月 24 日
@dhc90 低调
huaskaFW
5 月 29 日
34.T67NJM33K37W3RPNME 已兑换,感谢 lz

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1214874

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX