猫史档案馆


掌心精品教程-关于图层那些你不知道的事

用户:小熊熊滴掌心小熊熊滴掌心查看:3 回复:8 评论:3 创建时间:2020-04-02T13:17:13


掌心精品教程-关于图层那些你不知道的事

--小熊熊滴掌心

 

小伙伴刚刚接触到“图层”这个概念时,多半会有点莫名奇妙,其实把“图层”看成是透明的胶片,角色就画在这张胶片上的,每个角色都有自己的图层,这样就很好理解了。

我们使用最新版编程猫kitten4.0来进行教学和测试(目前最新):

center_image

(所有测试和结论均基于此版本kitten,若kitten版本更新出现的新特性不在考虑之列)

添加角色,一张 “背景”、一张“冰堡”、一张“编程猫”、一张“阿尔法”举例(注意参数和摆放位置尽量一致):

参数如下:

center_imagecenter_imagecenter_image

层次如下:

center_image

舞台显示的效果是这样滴:

center_image

咳咳,好像有点违和感(“编程猫委屈了”),我们马上调整一下,拖动“阿尔法”图层移动到“编程猫”图层下面:

center_image

这样舞台的显示效果就正常啦:

center_image

再试着把“阿尔法”图层拖到“背景”图层下方,嗯嗯,办不到吧,那就是对的了。通过这组小测试,可以得到结论:

 

和图层操作有关的积木在 “外观”分类中有2个:

center_image

 “画笔”分类中有一个:

center_image

我们还是来做个测试,为“编程猫”、“阿尔法”添加积木:center_image

为“冰堡”添加积木:center_image

为“背景”添加积木:center_image

很简单的代码,小伙伴一眼就能看懂:不就是,点击“编程猫”和“阿尔法”,让他们的图层+1,点击“冰堡”让“阿尔法”的图层-1,点击“背景”让“编程猫”的图层-1。喵年,你太天真了!

我们点击“开始”让程序跑起来,那么问题来了,点击3次“编程猫”,请问“编程猫”的图层是几?

其实在“侦测”分类,如果有这么一个积木,答案就容易多了,除非技术猫加班特地为我们加这么块积木!

center_image(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

 

接下来,我们继续进行测试,添加角色“笔”

参数如下:center_image

层次如下:center_image

为“笔”添加绘制正方形的积木如下:center_image

添加【将角色移至画笔图层上方】和【将角色移至画笔图层下方】这两个改变图层关系的积木

center_image

可以预见,遮挡关系是“编程猫”-“阿尔法”-“冰堡”-“笔”-绘制的正方形的“画笔图层”

开始B测试

1 点击1次“笔”,“笔”移至最底层了。

2 再点击1次“笔”,“笔”移至最顶层了。

3 点击1次“编程猫”,“编程猫”移至最顶层了。

4 点击3次“背景”,“编程猫”移至“冰堡”后面了

4 再点击1次“背景”,“编程猫”没有变化了

5 点击1次“阿尔法”,“阿尔法”移至最顶层了。

 

还可以为“编程猫”、“阿尔法”、“冰堡”添加积木:center_image

继续类似的测试,这里就不再叙述,直接出结论:

1 以“画笔图层”为界,将所有图层分为2大部分, “画笔图层”上部分和下部分。

2 如果角色在画笔图层下方,【将角色移至画笔图层上方】其实就是移至顶层,如果角色本身在画笔图层上方,则该积木无效。

3 如果角色在画笔图层上方,【将角色移至画笔图层下方】其实就是移至底层,如果角色本身在画笔图层下方方,则该积木无效。

4 角色处在下部分时,即使【将图层上移N层】,也不会超过“画笔图层”到它上方去。

5 角色处在上部分时,即使【将图层上移-N层】,也不会超过“画笔图层”到它下方去。

 

嗯,和直觉想象不一样啊,逻辑还是有些不好理解,希望技术猫简化一下逻辑,方便小伙伴们理解和使用积木。

 

问题: “画笔图层”是有几层?

继续测试,为“编程猫”添加积木:center_image

重复B测试

然后调整“编程猫”层次

再进行1次B测试,然后就可以发现:

1 “画笔图层”为单独1个图层。

 

问题:“画笔图层”究竟是在第几层?

恐怕只有技术猫知道了,小伙伴们认为是第几层?知道的在评论区留言。


回复

上一页1 页 / 共 1下一页
嗯哼君 渠源嗯哼君 渠源

讲得非常细致,大大的赞!emotion_编程猫_点赞

点赞1


评论


不会编程的熊猫啊啊啊不会编程的熊猫啊啊啊

你好,看你的作品和教程都不错,欢迎人才来我们Panda_studio,我们尽力给你最好的创作环境!

QQ:2838367798

点赞0


评论


不会编程的熊猫啊啊啊不会编程的熊猫啊啊啊

作者头像貌似是香皂啊。。。我们家有这样的香皂模具

点赞0


评论


哈尔斯达哈尔斯达

来帅哥工作室吗??是3级工作室哦!!!emotion_编程猫_紧张666啊!!!

点赞0


评论


蕉饼蕉饼

乍眼一看原来是个大佬

点赞0


评论


果敢的炸弹人CPTt果敢的炸弹人CPTt

怎么让图层相等?

 

点赞1


评论


蔡宁进(大家再见)蔡宁进(大家再见)

还有人不知道?

点赞0


评论


KIHIOKIHIO

2021年7月,未来4.8.3版本

点赞0


评论