如何制作作品商城
发表时间: 2021-11-18 16:16:40 阶段:高级 分类:实例应用
一、付费商城的作用
付费商城是作品一些辅助商品购买商城。包含了该作品中例如属性加成、番外特典等所有付费商品,玩家需要持有足够的闪币余额,方可购买商城内商品使用。
 
二、付费商城设置流程图
 
三、具体步骤
视频版


图文版
前期准备:商城界面底图、商品展示图、购买按钮底图、已购买按钮底图以及返回按钮底图。
(注意:大家可以根据不同的需求准备不同商品或其他不同的样式,这里只是举一个例子,不用完全相同)
 
 
1. 打开闪艺制作工具,点击需要制作商城的作品,进入商城编辑界面。
点击菜单栏中【高级界面】
 
点击【商城模板】,进入高级界面商城编辑界面。
 
 
2. 接下来,我们需要将前期准备好的商城商品图片素材一一导入到【我的素材】下使用。
点击左侧素材栏中【我的素材 - 背景】,右键新建【商城】文件夹,进入,点击导入按钮,导入准备好的图片。
 
 
3. 首先,需要将商城模板底图替换成准备好的商城底图。
点击素材栏中【我的素材 - 背景】分类下,我们准备好的商城界面底图,单击,替换商城界面底图。
 


4. 接着,依次将【可拖入商品图片】组件,替换成作品中需要的商品展示图。

 
以属性加成为例:
选中【可拖入商品图片】图片组件,双击,进入图片编辑界面,替换准备好的商品图。
更改图片名称为【属性加成】,保存,返回上一级,将图片移动到商城界面对应的位置上。
 
其他商品根据同样的方式替换。(如需增加其他更多商品,可自行添加图片组件,双击进入替换底图)。设置好后如下图所示。
 
 
5. 接下来,依次将【输入商品名称】和【输入商品简介或者商品作用】组件,更改成相应商品的名称及介绍内容。
 
 
以属性加成为例:
选中【输入商品名称】文本组件,双击,进入文本编辑界面,输入【属性加成】几个文字即商品名称。
 
选中【输入商品简介或者商品作用】文本组件,双击,进入文本编辑界面,输入【属性加成】的介绍文字或该商品的用途介绍文字。
 
在下方【文本设置】内更改到合适的字色、字号,保存,返回上一级,将文本移动到商城界面对应的位置上。设置好后如下图所示。
 
 
6. 有了商品展示图,商品名称和商品介绍,是不是还需要个商品价格呢?接下来,继续添加商品价格。
拖拽一个【文本】组件到商城界面上,双击进入文本编辑界面,添加商品售卖价格文本,
在下方【文本设置】内更改到合适的字色、字号,保存,返回上一级,将文本移动到商城界面对应的位置上(其他商品价格也依次设置下)
 
 
 
7.  所有商品价格均设置完毕后,可以增加闪币图标,告诉玩家这个商品的售价单位。
 
点击菜单栏中【素材库 - 道具 -特殊】分类内【闪币货币】道具图片,点击【使用】应用到到商城界面内。
 
关闭素材库,双击闪币道具图片,进入图片编辑界面,调整图片到合适大小,保存,返回上一级,移动到对应位置。
 
 
8. 从这一步开始给购买按钮设置点击事件。分为了单次购买商品和多次购买商品两种方式,大家注意按需求选择正确的步骤。
 
8.1 支持单次购买的商城商品,购买按钮设置如下。一共(12)步。      

1) 选中【购买】按钮,双击,进入按钮编辑界面,点击准备好的购买按钮底图替换,保存,返回上一级,将按钮移动到商城界面对应的位置上(其他几个按钮也设置下)。
 
 
2)此处以【属性加成】商品的购买按钮设置为例:
点击下方设置栏中【数值设置 - 设置初始数值 -购买数值】,新增商品的购买数值。
注意:当需要付费相关、和账号支付相关、并长期保存不易丢失的数值时,请大家使用购买数值,不要用永久数值、普通数值。
 
 
3)首先,设置未购买状态下的点击条件以及事件。
选中【属性加成】下方的【购买】按钮,在右侧【事件】区域【鼠标点击的时候】点击【添加事件】,
打开设置事件界面后,点击【+】键,新增【动作1】,鼠标移动到【动作1】上,点击后方小铅笔,设置这个动作的点击条件。
 
 
4)选择【满足全部】,添加【条件1】,
【条件1】设置【购买数值:属性加成=固定值 0】的情况(也就是还未购买,需要点击购买的情况下点击的触发事件),确定。
 
 
5)添加【动作1】事件,
①点击【购买操作】,设置商品的购买金额,以及商品购买说明(购买说明仅供小编审核查看,不在作品中显示);
②点击【重新载入】,重新载入【商城界面】;


③点击【-购买数值设定】,设置【购买数值:属性加成=固定值 1】,此操作是为了支付后赋予相应数值。
设置【普通数值:男主好感度=固定值 20】,此操作是为了购买后赋予男主好感度。
“20”只是个例子,可自行设置需要的数值。

6)设置已购买状态下的点击条件以及事件。
点击收起设置好的【动作1】,我们继续点击【+】键,新增【动作2】,
鼠标移动到【动作2】上,点击后方小铅笔,设置这个动作的点击条件,
选择【满足全部】,添加【条件1】,
【条件1】设置【购买数值:属性加成=固定值 1】的情况(也就是已购买的情况下点击的触发事件),确定。
 
 
7)添加【动作2】事件,选择【重新载入】,重新载入【商城界面】,确定。(此事件是为了重新载入界面以显示已购买图片)
 
 
8) 接着,已购买状态下需要添加显示已购买图片,给购买按钮增加载入条件以及事件设置。
回到商城界面,在右侧【组件库】区域点击【添加组件】,新增一个【图片】组件,然后替换为已购买的样式,保存。(因为已购买按钮在开始时不需要显示在商城界面里,所以这里采用添加组件的方式,以便第(11)步中调用)
 
9)在右侧【事件】区域在【组件载入的时候】点击【添加事件】,然后点击【载入后】右侧【+】键,
新增【动作1】,鼠标移动到【动作1】上,点击后方小铅笔,设置这个动作的点击条件。
 
 
10) 选择【满足全部】,添加【条件1】,
【条件1】设置【购买数值:属性加成=固定值 1】的情况,确定。
 
 
11) 添加【动作1】事件,
①点击【打开组件】,打开之前准备好的已购买图片,点击下方【定位】按钮,移动到【购买】按钮上方,位置重叠;
②点击【关闭组件】,关闭【属性加成】的【购买】按钮。(避免多次购买)
这样,一个购买按钮的所有操作就设置完成了,其他商品的购买按钮也用以上方法设置下。
 
 
12)当购买的商品是赋值好感度、属性一类的普通数值时,玩家如果重新开始作品,这些数值都为0(普通数值在每次重新玩时会重置)。这时候,我们需要在玩家看到的封面或其他章节首剧情,加一个条件分支判断,当好感度、属性的购买数值=1的情况下,给该通道赋上对应的好感度、属性数值。即可避免上述情况。
 
在玩家看到的封面或其他章节首剧情,新建条件分支。
 
设置判定条件购买数值=1。
 
② 当满足购买数值条件时,我们点击设置数值,赋予男主好感度。同时开启自动播放,跳过本帧剧情判断。
 
 
8.2 支持多次购买的商城商品,购买按钮设置如下。一共(10)步。以下请使用购买数值进行制作       


1)首先插入【购买数量】的显示文本,以及购买后显示的【购买成功】图片。
选择【文本】组件,双击进入文本编辑界面,点击文本框,输入【数量:】文字;
在下方【文本设置】内更改到合适的字体字色,保存;
点击【数值设置】内【插入数值】按钮,插入相应的购买数值显示;
更改图片组件名称为【属性数量】以便区分。
 
2)返回上一级,将文本移动到商城界面对应的位置上(其他商品数量显示也依次设置下)
 
3)接下来,将购买成功后显示的图片也先准备好备用。
点击左侧【我的素材 - 背景】分类,将事先制作好的【购买成功】图片导入。
 
4)点击右侧【组件库】,新增【图片】组件。
 
5)在【我的素材】下点击准备好的【购买成功】图片素材,替换【图片】组件底图,更改组件名称为【购买成功】便于区分。
 
6)接下来就是关键的购买按钮设置部分,与限制只能购买一次的设置方法略有不同。
选中【属性加成】下方的【购买】按钮,
点击右侧【事件】处添加【鼠标点击的时候】事件,点击【+】键,新增【动作1】。
 
7)添加【动作1】事件,
①点击【购买操作】,设置商品的购买金额,以及商品购买说明(购买说明仅供小编审核查看,不在作品中显示)。
②点击【-购买数值设定】,设置【购买数值:属性加成 = 购买数值:属性加成 + 固定值 1】(此操作是为了支付后赋予相应数值);设置【主角1好感度 = 普通数值 : 主角1好感度 + 固定值 100】(这里用好感度来举例,其他属性也是一样的。"100"可以自行设置一个数值,意思就是购买一次后可以加多少的好感度)。
③选择【打开组件】,打开【购买成功】弹窗图片,点击右下角【定位】按钮,将图片放置到界面合适位置。
 
 
8)接下来,我们需要设置关闭这个购买成功提示的界面,刷新购买数量的显示。
在【组件库】内双击【购买成功】图片组件。
点击右侧【事件】处添加【鼠标点击的时候】事件,点击【+】键,新增【动作1】。
 
9)添加【动作1】事件,
①点击【重新载入】,在第三步配置动作区选择【商城界面】,实现刷新商城数值的显示;
②点击【关闭组件】,关闭【购买成功】图片组件的显示。
* 两个动作的顺序不可颠倒
这样支持多次购买商品的商城就设置好了。
 
10) 当购买的商品是赋值好感度、属性一类的普通数值时,玩家如果重新开始作品,这些数值都为0(普通数值在每次重新玩时会重置)。这时候,我们需要在玩家看到的封面或其他章节首剧情,加一个条件分支判断,当好感度、属性的购买数值≥1的情况下,给该通道赋上对应的好感度、属性数值。即可避免上述情况。
 
①在玩家看到的封面或其他章节首剧情,新建条件分支。
 
设置判定条件购买数值≥1。
 
② 当满足购买数值条件时,我们点击设置数值,赋予男主好感度。同时开启自动播放,跳过本帧剧情判断。

 
9. 商城界面就基本完成了,接下来,需要添加一个返回按钮去关闭商城,回到作品界面。
点击【按钮】组件,双击进入【按钮】编辑界面,替换成准备好的返回按钮底图,保存,返回上一级,将返回按钮移动到对应位置。
选中【返回】按钮,点击右侧【事件】添加【鼠标点击的时候】事件,设置【关闭组件 -关闭当前组件】事件,确定。
 
10. 为增强作品体验,也可以在商城界面上添加一条提示文本,在玩家购买出现异常时,可联系充值客服咨询。文案如下,可直接复制使用。
【注:商城内商品绑定玩家账号,同一账号无需二次购买。若在购买过程中出现任何问题,可添加客服QQ:800874300 进行咨询。】
 

 
 
TOP