基于贝塞尔曲线全新交互的24点游戏

基于贝塞尔曲线全新交互的24点游戏
徐文宇
xuwenyu2008@gmail.com
2023年5月13日(六)

24点(24 Points)游戏是一款非常有趣的传统数字游戏，玩家需要通过将4个随机数字用加、减、乘、除计算出24来获得胜利。
24点(24 Points)游戏是老少皆宜的经典对玩益智游戏，挑战计算能力和反应速度。生活中，将一副扑克牌平分两半。每局中，每人出示两张扑克牌，以能口头先喊出24的计算方式者，此局为胜，收取四张扑克牌。最终赢取整副扑克牌为终赢家。
贝塞尔曲线是一种数学曲线，由控制点、起点和终点组成，可通过控制点来决定曲线形状。
本24点游戏模拟生活中的24点(24 Points)扑克牌益智游戏，采用了基于贝塞尔曲线的全新交互方式，创建出更加平滑而自然的曲线，充分利用屏幕空间，使得玩家可以更加直观、易于上手地完成计算，提高玩家体验和视觉效果。

1 游戏规则

1.1 数字数值

24点游戏的难度是由随机数生成器控制的，因此每一次游戏都会有不同的难度，增加游戏的挑战性和趣味性。
游戏局开始时，系统会随机生成4个扑克牌数字框，并将它们显示在屏幕上的上下左右正中位置。数字范围为：“A、2、3、4、5、6、7、8、9、10、J、Q、K”。

其中，花牌(A)的数值为1。花牌(J、Q、K)的数值默认为1，亦可在“设置”页面中设置花牌(J、Q、K)的数值分别为(11、12、13)。

1.2 游戏时长与游戏难度

1.2.1 游戏时长(游戏倒计时)

每局游戏时长默认为24s。 亦可在“设置”页面中设置不同的每局游戏时长。
通常游戏时长包含但不限于为6s、8s、12s、24s。每局启动时，倒计时从所设置的游戏时长开始。游戏时长越短，表示游戏难度越高，对游戏玩家的挑战力越大，相应的奖励与惩罚分数亦越高。
使用圆形弧段滚动条标识游戏倒计时，圆形弧段滚动条内部的数字为同步倒计时。游戏倒计时越短，圆形弧段滚动条与数字的颜色越鲜艳，以便警告提示玩家加快计算操作。颜色变化规则包含但不限于：使用连续颜色变化，如颜色逐渐变深或变浅、颜色逐渐变鲜艳或变冷淡；使用离散梯度式变化，倒计时与游戏时长的离散比例通常为1/2、1/3、1/4等。

1.2.2 开局倒计时

当一局游戏结束后，启动开局倒计时，主动等待或自动倒计时开启新一局游戏。开局倒计时的滚动条处于游戏倒计时滚动条附近，通常为5s、3s或1s，可以使用数字同步提示开局倒计时。
当玩家通过点击第3级数字框“24”计算出结果24或通过点击“无24(No 24)”按钮判断正确时，自动启动开局倒计时准备开启新一局游戏。其余情形下，游戏局以失败结束，游戏界面主动等待玩家响应，玩家可自行查看并分析游戏失败原因。此时需要玩家点击屏幕后启动开局倒计时准备开启新一局游戏。
在开局倒计时启动过程中，按住屏幕，可以暂停开局倒计时。

1.3 游戏模式

24点游戏有两种模式：单机模式和对战模式。单机模式为单个玩家自行挑战，每局积分。对战模式为将游戏通过链接或二维码分享在对家，两人或多人组局共同挑战。
对战模式包含但不限于：

• 指定局数中胜利最多局数为赢；
• 指定局数中胜利局数相同但此轮对战积分最高者为赢；
• 先胜利指定局数者为赢；
• 连续胜利指定局数者为赢；
• 连续失败指定局数为输，对手为赢。

1.4 游戏胜利局

玩家需要通过将此4个扑克牌数字用加add、减sub、乘mul、除div计算出24来获得胜利，实际操作方法为点击第3级数字框“24”。对于无法计算出24的牌局，点击“无24(No 24)”按钮亦可视作为胜利。

1.5 游戏失败局

玩家未在单局游戏时长内(即“倒计时”归零)，计算出24或可计算出24，却点击“无24(No 24)”按钮，均被视作为失败。

1.6 游戏积分

游戏胜利局，予以正分奖励；游戏失败局，予以负分惩罚。
各局奖励-惩罚分数可为±(固定分值×分值权重)或±(倒计时×分值权重)。
分值权重，与游戏时长相关联。游戏时长越长，分值权重越低；反之，分值权重越高。
分值权重显示于分数框的右侧，例如显示为“×16”、“×8”、“×4”。

游戏积分分为日积分、周积分、月积分与年积分以及对战积分。将游戏积分分为不同等级，使用等级名称标识玩家级别。

1.7 设置页面

点击右下角按钮，弹出“设置”页面，可设置“倒计时、J-Q-K数值、显示运算符号、显示步骤序号、显示公式”等。

2 游戏界面UI

普通的24点游戏，简单显示4个数字框与4个运算符号。计算时，点击第1个数字框与运算符号，再点击第2个数字框，出现二者计算结果，依次类推，最终计算结果。该方式，界面虽然简洁，但不够直观，交互时需点击数字框与运算符，玩家容易失去兴趣与乐趣。
本24点(24 Points)游戏，界面UI采用过程结果显示展现的方式，将数字框A与数字框B的运算结果，直接展现于二者贝塞尔曲线连线中，直接点击连线上的数字框即完成二者数字框的四则运算，新颖的交互方式使得玩家可以更加直观、易于上手地完成计算。

3 数字运算规则

例如，随机出现4个扑克牌数字框“3、4、5、6”，将4个数字框置于屏幕中的北N、西W、南S、东E的正中位置。即北侧数字框为“3”、西侧数字框为“4”、南侧数字框为“5”、东侧数字框为“4”。北侧数字框“3”与东侧数字框“6”，二者连线上等分展现数字框“3”与“6”的四则运算结果，即相加“9”、想减“3”、相乘“18”、相除“2”，并可在四则运算结果标签框的边角处添加四则运算符号：“+、－、×、÷”。
若其中一个数字框为“1”，二者连线上仅显示相加、想减、相乘运算结果与对应符号。
若其中一个数字框为“0”，二者连线上仅显示相加、相乘。
若二者数字不能整除，二者连线上仅显示相加、想减、相乘。
定义随机出现的4个数字框为第0级数字框，两个第0级数字框连线上的数字框为第1级数字框。点击连线上的任一第1级数字框，该数字框与未参与计算的另两个第0级数字框，再进行连线，同样自动计算两两的四则运算结果。

4 游戏交互方式

本游戏采用了基于贝塞尔曲线的全新交互方式，使得玩家可以更加直观、易于上手地完成计算。
贝塞尔曲线是一种数学曲线，它由控制点、起点和终点组成，并通过控制点来决定曲线的形状。
将4个第0级数字框置于四边的中间位置(北N、西W、南S、东E)。“北N”与“南S”、“西W”与“东E”的第0级数字框直接采用直线连接。
定义两个第0级数字框连线为第1级连线，依次类推。
竖屏时，称垂直方向为长向，称水平方向为短向；反之类推。

4.1 第1级连线与第1级数字框

4.2 第2级连线与第2级数字框

4.3 第3级连线与第3级数字框