墨刀公测&设计大赛「一等奖」- 墨刀趣味棋 教程

首先感谢墨刀平台和这次活动的组织,也感谢在一次次迭代中,正在进步的墨刀。这次新功能改版,从操作和理解上也更合理。 对于本人参赛的作品,也进行详细教程,供和大家学习交流。
作品名称:墨刀趣味棋   

查看作品 

作者:赵瑞祥

一、所需软件 

1.        新墨刀,v5test.modao.cc 

2.        设计软件,PS,3Dsmax 

二、Demo整体思路 

1.        必须的页面 

  • 开始界面 
  • 历史成绩 
  • 关于 
  • 新手引导 
  • 游戏界面-输/赢/平局 

2.        必须的功能 

  • 确保用户可以在任何步,都可以在任何位置自由下棋 
  • 确保电脑可以在任何的棋局,都可以应对 
  • 需要考虑游戏可玩性,最大程度模拟真实性 
  • 需要衡量输赢比例 

3.        难点 

  • 页面个数,需要结合时间成本,尽可能把每个用户可能下的位置及电脑应对预测并设计页面 
  • 游戏中的每个页面,有10个以上的母板/动态组件构成,部分页面还有状态纬度(状态个数m * (组件个数a+母板个数b)),所以需要考虑时间成本 
  • 逻辑性,因为是棋牌类游戏,并非是一个简单的交互或者功能跳转,需要考虑游戏逻辑严谨性。 

三、详细教程-框架部分

1.        用户流程图 

2.        准备工作 

1)       棋子 

新建一个母板,在母板中新建三个状态,分别为: 

空白棋子 

蓝方棋子 

用户棋子 

2)       状态指针 

新建一个母板,并创建两个状态,分别为: 

我下棋页面:

电脑下棋页面: 

3)       棋盘背景 

新建一个母板即可 

4)       顶部/底部Bar 

选择背景图,使用蒙版功能,圈出来顶部区域,然后使用滤镜的模糊功能即可。 

5)       输/赢/平局弹窗 

新建一个母板 ,并创建三个状态,分别为: 

胜利页面 

失败页面 

平局页面 

3.        开始页面

1)       素材动效 

棋子和“墨刀趣味棋”需要单独切图后,放置在页面,使用动效功能,加控制即可。 

4.        新手引导 

1)       自动下棋子 

很简单基本思路是一个页面一个状态,使用新状态功能,能更好的进行页面区分和跳转 

·   各个页面之间的跳转方式为自动 

·   页面-1 

·   页面-2 

·   页面-end 

新状态可以更好的进行单个元素的动画控制,如蓝色连接线,黄色弹窗,button 

5.        游戏过程页面

基本使用如下页面内容和元素,把所有状态都嵌入到母板中去,提高效率。

6.        下棋对弈逻辑设计 

1)       最优数量+最优时间+最优体验的棋子设计方案 

**两种预测,只是从可能性数量,没有包含输赢平局的提前结束情况,并且电脑的可能性,都是按照用户步数跟棋,不会有随机或者多种跟棋方案。 

·   电脑先手的总可能性预测,总可能性=总页面数=1108个 

·   用户先手的总可能性预测,总可能性=总页面数=3209个 

结论:所以demo设计采用方案一,电脑先手,可以减少的页面至少2000个,如果按照时间成本,电脑先手,能节省65.5%的DEMO设计时间。 

7.        用户下棋的棋盘设计 

1)       用户决策页面C1,需要对每一个空白棋子位置,进行跳转设计,C1-U21 

2)       用户决策结束页面U21,需要对C1中用户点击的棋子进行状态变更 

母板的状态变更: 

3)       下棋指示标设计 

8.        电脑下棋的棋盘设计 

1)       需要对U21页面判断,并连接自动跳转到电脑下棋的结果页面(页面随便设计就好,需要考虑到胜率) 

2)       C31页面为电脑下棋结束的页面,同时也是用户决策页面。 

电脑怎么下棋,根据U21页面自己设计就好啦(也需要考虑胜率) 

3)       下棋指示标设计 

9.        游戏结束页面 

1)       不区分电脑及用户的结束页面,都是需要放置游戏状态的母板,并且将母板的状态设置为游戏输赢平局的情况 

2)       页面名称=母板状态,就是正确的 

Powered by Froala Editor

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章