Flash(Animate)和木疙瘩的元件学习和理解

元件就是讲一个图形或素材封装到一个容器里面!可以被任何舞台、页面通过从仓库中拖拽的方式无限重复使用,类似unity中的预制体!

Flash(Animate)和木疙瘩中元件唯一区别:木疙瘩中一个元件A中不可以添加另一个元件B!

一个元件的属性和一个普通素材属性一样!各种变换参数、效果参数等必要参数!你可以把一个元件看成一个穿上衣服的“人”!这个人可能是不同民族、性别、肤色。但是穿上衣服都具备一样“人”的属性!

下图分别是木疙瘩和AN中的界面!

Flash(Animate)和木疙瘩的元件学习和理解_第1张图片Flash(Animate)和木疙瘩的元件学习和理解_第2张图片

AN元件种类

(1)图形元件:只是为图形、图案素材添加个壳便于复用!包括静态的图像,如文字、图形、背景等。

(2)影片剪辑元件:主要用来制作动画的,常用来做一些循环动画!被复用的时候很方便!通常把多个影片剪辑元件当成素材去合成一个复杂的场景,类似AE中的一个合成(comp)! 同时便于代码AS3.0去无缝识别并调用到变量里!

(3)按钮元件,主要制作按钮的,包括按钮的交互和外观

木疙瘩中只有一种元件!就是对标的影片剪辑元件!

Flash(Animate)和木疙瘩的元件学习和理解_第3张图片

木疙瘩和AN元件要点:

 链接:H5-大

Flash(Animate)和木疙瘩的元件学习和理解_第4张图片

 1.元件按钮就是类比Flash中的库

只不过Mugeda有自己的独立的素材库!因此元件面板就是存放元件的!因此名字就叫元件!

Flash(Animate)和木疙瘩的元件学习和理解_第5张图片 

2.元件内部动画和外部动画(类似AE的合成)

我们通常把单独的动画单元做到一个元件里面,便于其他舞台复用和循环播放 ,类似AE的合成!元件内部动画不影响在舞台上给元件的动画!比如,两个小朋友在一个车上打架运动,车子是元件,车子带着两个小朋友走了个山路十八弯,车内动画保持播放,外部动画和内部互不影响,同时播放!

比如这是元件内部动画

Flash(Animate)和木疙瘩的元件学习和理解_第6张图片

元件外部也可以做自己的动画!

Flash(Animate)和木疙瘩的元件学习和理解_第7张图片

3.导入导出、复制

 木疙瘩中导出后,新建一个H5项目,直接点导入就可以使用元件!

也可以导出到素材库的文件夹存放!

也可以复制一份,复制后改变内容互不影响!

你可能感兴趣的:(AN/flash,Flash,Animate,木疙瘩,北测)