手术刀


如下图,点击“素材库”添加素材,并调整素材大小、位置等属性

新建第2页面,在“素材库”添加一个手术刀图像元素,点击“线条”工具在“舞台”上绘制一个线条,并修改其线条类型为“点线”

继续补充绘制线条、添加“杀人”“完美”“及格”文本框,再添加一个文本框,命名为“分数”,输入内容为“0”,并调整大小、字体颜色等属性

新建“图层1”,将“图层0”上的手术刀剪切粘贴进“图层1”上,改变手术刀“Z轴旋转角度”为“-90”,调整其大小位置

新建“图层2”,在该图层添加一个手指点击的图片素材,同时添加一个文本框,输入文字内容为“按住屏幕,开始手术”,调整字体大小、颜色等属性

为方便辨识,我们可修改“图层0”名称为“底部”,“图层1”名称为“手术刀”,“图层2”名称为“提示”

选中“手术刀”以及“底部”两个图层的第30帧位置,右键→“插入帧”

将“手术刀”图层的第1关键帧拖动至第2帧,同时设置手术刀从下往上移动的动画

新建“图层3”,在该图层第2帧“插入关键帧”,将虚线复制粘贴进关键帧内,修改线条颜色为红色,线条类型为“实线”

在“图层3”关键帧之后“插入曲线变形动画”,使用“节点”工具将第2帧上的曲线缩短至底端,做一个线条由短向上变长的动画,可点击“预览”观察效果

分别在“手术刀”和“图层3”的第19帧(手术刀对齐“及格”文字框的时间点)、27帧(手术刀对齐“完美”文字框的时间点)插入关键帧

为手术刀素材命名为“刀子”

提前观察手术刀在最底端、“及格”“完美”“杀人”文字框位置时,其“上”值是多少(此处分别为“467.6”“184.9”“51.9”“2”)

如下图,选中“分数”文本框,在其“属性”面板下点击文字内容右边的“关联”按钮,在下拉的关联属性菜单栏下设置
关联对象:“刀子”
关联属性:“上”
关联方式:“自动关联”
当主控量=“467.6”(手术刀在最底端位置)时被控量=“0”
当主控量=“184.9”(手术刀在“及格”位置)时被控量=“60”
当主控量=“51.9”(手术刀在“完美”位置)时被控量=“100”
当主控量=“2”(手术刀在“杀人”位置)时被控量=“0”

为手指点击图像添加一个出现即暂停行为:“动画播放控制”→“暂停”→触发条件:“出现”

新建图层“控制层”,并将“图层3”重命名为“红线”

在“控制层”图层添加一个矩形,调整大小使其符合“舞台”大小,并调整其透明度为“0”

为矩形添加两个编辑行为:
“动画播放控制”→“播放”→触发条件:“手指按下”
“动画播放控制”→“下一页”→触发条件:“手指抬起”

可新建第3页面,添加一张图片素材作为跳转后的页面,之后点击“预览”观察动画效果

制作第3页:如下图,在第3页添加一个文本框,输入文字内容为“0”,调整文字大小、颜色、位置等。点击文字内容右边的“关联”按钮,设置关联属性
关联对象:“分数”
关联属性:“文本取值”
关联方式:“公式关联”
被控量=“关联属性”
即设置了该文本的取值等于第2页“分数”文本取值

将“舞台”上的图片元转换为元件,双击该元件进入元件编辑页面。在时间轴上第4帧“插入帧”

为图片元件设置“编辑行为”:“动画播放控制”→“暂停”→触发条件:“出现”

同时在时间轴上的2、3、4帧“插入关键帧”

分别在第2、3、4帧上点击“属性”面板下的“编辑”按钮,在弹出的“媒体库”中选择所需的图片素材,点击“添加”,替换原有的图片

回到“舞台”,将元件命名为“评判”

在第2页面,为“控制层”上矩形添加四个“跳转到帧并停止”行为:“动画播放控制”→“跳转到帧并停止”→“触发条件”:“手指抬起”,修改描述为“100分”“80”“60”“死”

设置“100分”行为的“参数”
帧号:“3”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“100”,点击“确认”

设置“80”行为的“参数”
帧号:“2”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“80”,点击“确认”

设置“60”行为的“参数”
帧号:“1”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“60”,点击“确认”

设置“死”行为的“参数”
帧号:“4”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“刀子”
考察属性:“上”
逻辑条件:“小于等于”
参考值:“51”(手术刀在“完美”左右位置),点击“确认”

  • 注意:Mugeda的行为逻辑是从上往下的顺序执行的,我们首先会执行“播放”的行为,然后是“跳转下一页”的行为,其次是100分的“跳转到帧并停止”行为,同理依次执行其他行为。若中间有一个行为条件不满足,则不会继续执行下一行为。

制作“再来一次”按钮:在第3页面添加“再来一次”按钮素材

添加“再来一次”按钮编辑行为:
“动画播放控制”→“跳转到页”→触发条件:“点击”,跳转帧号为“1”
“属性控制”→“改变元素属性”→触发条件:“点击”,设置“参数”
元素名称:“分数”
元素属性:“文本取值”
赋值方式:“用设置的值替换现有值”
取值:“0”
点击“确认”
即设置重来一次时将原先的分数值清零行为

设置第1页“开始游戏”按钮编辑行为
“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“点击”
“禁止翻页”行为:“动画播放控制”→“禁止翻页”→触发条件:“出现”

可点击“预览”动画效果

观看本节视频教程:
http://cdn1.mugeda.com/course/4/4.3/4.3.2.mp4