第10章 制作电子相册――图像控制.pptVIP

电子相册实际上就是一个图片播放器，利用它可以按照读者的意愿播放照片等图像文件。在多媒体交互系统当中，电子相册的功能以及出现形式是千变万化的，例如本书光盘中的效果展示系统、视频预览系统等可以被认为是电子相册的变形，实际上这两个模块也正是使用director开发出来的。本章将向大家介绍一下关于电子相册的制作思路，以及实现过程。 10.1 电子相册设计概述 电子相册的设计一定要简洁、大方、美观，这样可以给使用者带来舒适、和愉悦的感觉，从而使其有兴趣获取自己需要的信息。大量的事实证明，交互系统的外在美观以及合理的功能布局是吸引观众的一个重要因素。在本节当中，首先带领读者鉴赏一些成功的电子相册作品，然后再向读者介绍一下本章我们所要实现的电子相册的主要功能以及结构布局。 10.1.1 典型作品欣赏 在多媒体交互系统当中，根据不同的功能，所使用的电子相册的风格也完全不同，例如一个单纯的电子相册主要从整体上进行包装，例如电子相册的尺寸、颜色等；而作为多媒体系统的一部分时，则需要使其整体风格和交互系统向呼引。 10.1.2 电子相册设计概要 本章我们向读者介绍了一些关于电子相册的制作方法，在它的实现过程当中，主要带领读者学习了一下位图、Flash图像以及MIAW的使用。对于电子相册而言，主要包括的功能又：照片翻动功能、退出、音乐功能、返回首页等。本节对将要制作的电子相册作一个整体的介绍，希望读者在实际操作之前，能够对项目有全面地了解。 10.2 控制位图 位图就是我们日常生活中所见到的图片，通常用来记录某些静态的信息。在Director中利用Lingo语言控制位图的动作，可以使作品的效果变得更加生动、活泼。控制位图的方法就是控制位图的属性，位图的属性主要是指其变形属性，例如位图的rect属性、rotation属性以及flipV属性等。本节主要向读者介绍这些属性的功能及使用方法。 10.2.1 控制形状属性 rect属性主要用于控制图形的形状。它是一个由4个数值所组成的数组，分别表示图像和舞台边缘的距离，其中第1个值和第3个值用于控制位图的左、右两个边，而第2个值和第4个值用来控制位图的上、下两个边。 10.2.2 控制旋转属性 利用Lingo中的rotation关键词，可以使舞台上的精灵进行旋转，该属性通常用在文本和位图精灵上。rotation属性是以“角度”为单位的，其取值范围为0~360。但是，如果读者定义了一个超出360的数值，那么也是合法的。此时，系统将把该数值自动转换为处于0~360之间的一个有效数值。 10.2.3 控制翻转属性 在Director中，利用Lingo语言也可以使位图角色沿着横轴或者纵轴产生镜像翻转，镜像翻转的轴心将是位图的注册中心点。Lingo语言是通过使用flipH和flipV两个属性来控制它们的翻转方法的。 skew属性也可以直接被Lingo语言所调用，其功能是在精灵矩形的垂直边发生某个角度的变化。一般情况下，从0°到90°可以使垂直边向右边倾斜，从0°到-90°向左边倾斜。角度在90°~ 180°或者-90°~180°范围时显示镜像翻转角色的效果。360°的变化将扭曲复原到角色初始的状态，0°旋转也一样。关于调用skew属性的具体语法是： sprite(whichSpriteNumber).skew 其中，whichSpriteNumber用来指定一个精灵通道。例如，下面的例子将来实现一个且些功能，当读者单击舞台上的图片时，它将随着单击的频率进行倾斜，并且每次倾斜的角度为5。 10.2.4 控制扭曲属性 10.2.5 控制倾斜属性 位图的quad属性也是一个重要的属性，它在语法上有点类似于rect属性，它也是由4个基本数据组成，不同的是它们表示的是4个位图顶点的坐标，而不是4条边线距离舞台的长度，其具体语法是： Sprite(whichSpriteNumber).quad 其中，whichspriteNumber表示的是精灵的通道号，例如Sprite(1).quad则表示1号通道中位图精灵的4个顶点坐标。 10.2.6 控制其他属性 除了上述的一些主要属性外，通常情况下，我们还经常使用另外的一些属性来控制位图精灵，包括useAlhpa、antialpahThreshold、color以及bgColor属性，下面向读者介绍一下这些属性的使用方法。 10.3 创建矢量图形 由于位图和矢量图形所形成的原理不同，因此对于它们的控制也是不相同的。在设计交互式多媒体作品时，我们经常需要使用到Flash动画点缀画面，或者利用一些简单的矢量图形来产生一些动画效果。本节将分别向读者介绍使用Lingo语言控制Flash和矢量图形的方法。 10.3.1