用户:小熊熊滴掌心查看:3 回复:8 评论:3 创建时间:2020-04-02T13:17:13
掌心精品教程-关于图层那些你不知道的事
--小熊熊滴掌心
小伙伴刚刚接触到“图层”这个概念时,多半会有点莫名奇妙,其实把“图层”看成是透明的胶片,角色就画在这张胶片上的,每个角色都有自己的图层,这样就很好理解了。
我们使用最新版编程猫kitten4.0来进行教学和测试(目前最新):
(所有测试和结论均基于此版本kitten,若kitten版本更新出现的新特性不在考虑之列)
添加角色,一张 “背景”、一张“冰堡”、一张“编程猫”、一张“阿尔法”举例(注意参数和摆放位置尽量一致):
参数如下:
层次如下:
舞台显示的效果是这样滴:
咳咳,好像有点违和感(“编程猫委屈了”),我们马上调整一下,拖动“阿尔法”图层移动到“编程猫”图层下面:
这样舞台的显示效果就正常啦:
再试着把“阿尔法”图层拖到“背景”图层下方,嗯嗯,办不到吧,那就是对的了。通过这组小测试,可以得到结论:
和图层操作有关的积木在 “外观”分类中有2个:
“画笔”分类中有一个:
我们还是来做个测试,为“编程猫”、“阿尔法”添加积木:
为“冰堡”添加积木:
为“背景”添加积木:
很简单的代码,小伙伴一眼就能看懂:不就是,点击“编程猫”和“阿尔法”,让他们的图层+1,点击“冰堡”让“阿尔法”的图层-1,点击“背景”让“编程猫”的图层-1。喵年,你太天真了!
我们点击“开始”让程序跑起来,那么问题来了,点击3次“编程猫”,请问“编程猫”的图层是几?
其实在“侦测”分类,如果有这么一个积木,答案就容易多了,除非技术猫加班特地为我们加这么块积木!
(ps图)
但现在就只能跟着我一步一步测试啦!
A测试:
1 点击“编程猫”3次,看不出什么效果。
2 点击“阿尔法”1次,“阿尔法”挡住了“编程猫”。
3 点击“背景”1次,“编程猫”到底层了。
4 点击“冰堡”1次,“阿尔法”被“冰堡”挡住了。
5 点击“背景”3次,“编程猫”还是在底层。
4 点击“冰堡”1次,“阿尔法”到底层了。
根据现象1和2,可证明: “编程猫”为顶层时,【将图层上移1层】无效。
根据现象2、3、4,可证明:【将图层上移1层】和【将图层上移-1层】的本质是交换图层。
根据现象5和6,可证明: “编程猫”为底层时,【将图层上移-1层】无效。猜测底层为1
接下来,我们继续进行测试,添加角色“笔”
参数如下:
层次如下:
为“笔”添加绘制正方形的积木如下:
添加【将角色移至画笔图层上方】和【将角色移至画笔图层下方】这两个改变图层关系的积木
可以预见,遮挡关系是“编程猫”-“阿尔法”-“冰堡”-“笔”-绘制的正方形的“画笔图层”
开始B测试:
1 点击1次“笔”,“笔”移至最底层了。
2 再点击1次“笔”,“笔”移至最顶层了。
3 点击1次“编程猫”,“编程猫”移至最顶层了。
4 点击3次“背景”,“编程猫”移至“冰堡”后面了
4 再点击1次“背景”,“编程猫”没有变化了
5 点击1次“阿尔法”,“阿尔法”移至最顶层了。
还可以为“编程猫”、“阿尔法”、“冰堡”添加积木:
继续类似的测试,这里就不再叙述,直接出结论:
1 以“画笔图层”为界,将所有图层分为2大部分, “画笔图层”上部分和下部分。
2 如果角色在画笔图层下方,【将角色移至画笔图层上方】其实就是移至顶层,如果角色本身在画笔图层上方,则该积木无效。
3 如果角色在画笔图层上方,【将角色移至画笔图层下方】其实就是移至底层,如果角色本身在画笔图层下方方,则该积木无效。
4 角色处在下部分时,即使【将图层上移N层】,也不会超过“画笔图层”到它上方去。
5 角色处在上部分时,即使【将图层上移-N层】,也不会超过“画笔图层”到它下方去。
嗯,和直觉想象不一样啊,逻辑还是有些不好理解,希望技术猫简化一下逻辑,方便小伙伴们理解和使用积木。
问题: “画笔图层”是有几层?
继续测试,为“编程猫”添加积木:
重复B测试
然后调整“编程猫”层次
再进行1次B测试,然后就可以发现:
1 “画笔图层”为单独1个图层。
问题:“画笔图层”究竟是在第几层?
恐怕只有技术猫知道了,小伙伴们认为是第几层?知道的在评论区留言。