动态插图如何交互——动态插图的传播速度如何？

随着互联网技术的发展，基于Flash的交互式动画广泛应用于互联网的各个角落，给人们的生活和学习带来了极大的便利。下面是我为大家搜索整理的Flash交互动画设计介绍。请参考并阅读。希望对大家有帮助！

随着信息技术带来的科技进步，网络媒体得到了高度发展，互动动画和交互技术广泛应用于互联网的各个角落，给人们的生活和学习带来了极大的便利。与此同时，互联网的快速发展所带来的庞大用户群也为Flash提供了一个形式多样、内容丰富、具有动态特征的受众基础，成为当前的热门话题。随着许多高质量Flash交互动画的出现，基于Flash的交互动画设计越来越受到各界人士的关注和青睐，其传播方式也逐渐走出单一的网络传播方式，走向传统媒体和新兴媒体。随着flash技术的成熟和无线网络的发展，基于Flash的互动动画将在不久的将来到达更多的国内手机用户，实现Flash网络传播的新飞跃。

1，基于Flash的交互分析交互，意思是在计算机中，参与活动的对象之间可以相互交流，相互作用。无论哪种交互，都必须由交互方式、交互响应、交互结果三部分组成[1]。交互模式是指人与计算机交互的抽象方式。它是创作者运用必要的技术手段传达特定信息的一种形式，分为基于对象的和基于活动的两种[2]。基于对象的交互是对真实世界对象的模拟，例如计算器应用程序，它是对传统真实计算器的模拟。基于活动的交互包括指令、对话、操作和导航、探索和浏览，如按钮、图形元素、文本输入框或选择和判断组件等。它是创作者留给参与者进入作品的信息输入口，决定了动画作品的外在形式。互动回应是参与者在互动过程中采取的行动，互动的结果就是回应的结果。

在这个瞬息万变的时代，人与人之间的交流和互动变得越来越容易。通过不同的网络平台，信息可以一秒传递几千年，互动动画不同于普通的传统动画。播放过程中的内容发展会受到观众具体操作的影响。所以在动画播放的时间顺序上，会改变固有的线性或循环播放顺序，形成受制于观众操作结果的播放顺序和模式。这种开放的播放时间变化，会促使观众主动探索动画的内容，获取丰富的信息，从而扩大观众从动画内容中接受的信息。因此，交互设计越来越受到大家的重视和推崇。

随着互联网在中国的普及，人们越来越关注如何更灵活地呈现网络的交互性，促进通过网络的交流，同时流畅地展现细节而不影响用户的体验。

以互联网为主要生存环境的FLASH动画进入了人们的视线，它以短小精致、制作简单、形式多样而深受人们的喜爱。Flash是美国Adobe公司设计的二维动画软件，产生于90年代中期。Flash的最早版本叫做FutureSplashAnimator。经过几年的发展，其软件功能不断加强，应用空间不断扩大。基于FLASH的动画文件占用空间非常小，有利于在各种网络带宽的互联网上传播。此外，Flash互动动画开发周期短，简单易学，制作成本低。大部分flash游戏都可以一个人独立完成，所以游戏的画面、剧情、美术设计都比较简单。因此，Flash已经成为一种流行的信息传播载体。

2.Flash的交互技术优势由于Flash动画的网络特性，这种交互在网站建设和网络游戏中得到了应用，Flash已经成为网页制作和在线交互的主要技术手段。互动性是新媒体艺术最重要的特征，也是Flash动画区别于传统动画的本质特征。Flash的交互优势表现在以下三个方面:

2.1支持事件响应和交互功能。

在Flash动画中，每个对象(元件或帧)都可以有自己的事件响应。设计者可以通过预先设置事件响应来控制动画。Flash软件中包含具有动画效果的按钮和菜单。在Flash软件中，可以随意创建按钮、多级弹出菜单和复选框进行交互设计。

2.2使用ActionScript代码，实现交互功能设计。

ActionScript是一种基于ECMAScript的面向对象编程语言，用于编写AdobeFlash电影和应用，也可以设计各种简单和复杂的游戏。所以Flash具有交互技术的优势，用户通过点击、选择等动作来决定事件的运行过程和结果。

2.3组件为Flash交互动画设计提供了更多的方式。

组件是Flash应用的一部分，主要通过在交互组件中与应用交互来响应。典型的交互式组件的响应可以是回答问题(例如，填空)、从对或错中进行选择(例如，判断、选择单项或多项选择)、或者点击屏幕的某个区域(例如，选择图形)。因此，使用组件可以实现填空、判断、选择、拖放、热点等多种丰富的交互活动。用键盘和鼠标控制图形对象很容易，实现交互式游戏的开发设计。

3.Flash交互动画的应用领域Flash动画的交互性改变了传统动画的线性叙事模式，让用户置身其中，动画可以根据个人需求以非线性叙事模式呈现，充分调动了用户的积极性，从而引导用户进行一系列人机交互，以获取信息或愉悦体验。进一步满足了广大受众对个性化的要求，广泛应用于人们的日常生活中，实用性强。

同时，Flash动画是艺术与科学相结合形成的一种新的综合艺术形式，具有非常广泛的学科优势[4]。Flash动画的创作和制作过程实际上是一个各种艺术门类和科学技术的综合过程。因此，Flash交互动画具有很高的实用价值和艺术价值。Flash动画有着广泛的应用——网站建设、广告、教育教学、短篇小说、游戏等。下面简单介绍几个领域。

3.1网站建设

基于Flash的互动动画网站(如图1)色彩丰富，独具特色，使页面生动，吸引人。

Flash交互动画特别适合网站建设，几乎在所有的网页界面都能看到。在网站建设中，广告、字幕、网站窗口、按钮等。都可以用Flash交互动画制作。由于Flash动画的应用，网页界面从过去的简单、枯燥变成了动态、多变、时尚、艺术、内容更加丰富，迎合了现代人的要求。

3.2广告

由于Flash动画具有很强的交互性，很多企业用Flash动画来展示自己的产品，生动地展示了自己的产品。例如，迪士尼公司的广告(如图2所示)用明亮的Flash互动动画展示了独特的企业主题，充分体现了符合儿童年龄特征的活泼可爱，吸引了消费者的眼球。

3.3教育和教学

Flash动画可以集文字、图形、图像、动画、声音、视频于一体，设计出精彩有趣的多媒体学习课件，具有一定的交互功能，广泛应用于计算机辅助教学中。它使教学内容丰富多彩，直观形象，使那些枯燥的知识变得有趣，激起学生极大的好奇心，从而激发他们的学习兴趣。比如我们在讲解逐帧动画理论的时候，可以使用Flash动画课件来帮助学生更快的理解(如图3)。通过直接使用Flash设计交互动画，先给学生展示1.2.3的图片，让学生观察其中的差异，然后连续播放，产生国旗飘动的效果，直观地向学生展示了逐帧动画的应用。

3.4短篇小说

Flash动画技术门槛低，取材广泛。几乎所有的文学作品、相声作品、小品、流行音乐都可以改编成动画作品。经过一段时间的学习，学生可以掌握设计Flash交互动画的基本要领。例如，在2010学生制作的《升国旗》和《金秋》两部动画作品中(如图4)，学生根据身边的故事，用细腻的感情，画出了年轻人内心的美好描述。

3.5游戏

Flash动画技术由于可以实现交互控制，操作非常简单，可以很好地将矢量图的灵活性和准确性与声音、位图、视频融为一体，占用文件存储空间小，所以被广泛应用于各类游戏制作中。Flash因其动画形式多样、内容丰富、色彩鲜艳、交互性强，深受用户喜爱。《疯狂的猜想》是一款通过Flash交互技术实现的动画游戏，可以在互联网和移动设备上使用，能够给用户带来良好的游戏体验。因为人气很高，在17173网站最受欢迎小游戏中排名第一。

4.Flash中交互动画的设计方法Flash中提供的ActionScript编程语言使Flash具有交互功能。动画的交互过程称为行为，行为由两部分组成:一是事件，二是事件触发的动作。通常，计算机程序是计算机一步一步执行的一系列指令语句，甚至一些简单的计算机程序也只包括程序的几个步骤指令和一个结束指令。但是，Flash中提供的ActionScript程序可以保持运行，等待用户输入或等待其他事件。Flash交互中的“事件”是一种确定计算机执行哪些指令以及何时执行的机制。本质上，“事件”是ActionScript可以识别和响应的事件。

在Flash中，交互是设计大多数“事件”的目的，很多事件都与用户交互有关。我们通过“事件”的设计来实现用户的交互体验。例如，用户点击按钮，或按下鼠标或键盘等。在ActionScript语言执行的过程中，Flash就像是在等待用户的响应，也就是事件的触发，然后运行时间触发的动作，也就是执行事件制定的具体ActionScript代码。因此，创建交互式动画的关键是设置指定事件发生时要执行的动作。用户的响应可以触发“事件”，该事件不仅可以在动画播放到特定帧时触发动作，还可以在用户点击按钮或按键时触发动作。事件一般包括鼠标事件、帧事件、电影片段事件等。也可以有很多ActionScript，开发者可以根据自己的需求来设计和编写。

通常Flash交互式动画作品主要是通过移动或点击鼠标键盘来实现的。例如，下面的脚本语言代码是为了实现当用户点击按钮时，当前电影剪辑开始播放的事件。其中“playButton”是按钮的实例名，这是“当前对象”的代名词:

();

functionplayMovie(事件:MouseEvent):void

{

();

}

(，play movie)；

通过上述脚本语言代码，当用户响应交互动画的点击动作时，触发播放电影的事件。Flash交互动画最重要的交互形式是通过点击按钮。当鼠标经过或点击Flash中嵌入的“按钮”时，会链接到下一个窗口。有时候，按钮不仅具有使用链接的功能，还具有装饰作品的独立意义。

还有一种是Flash交互动画，主要目的是在设计脚本时丰富画面。常见的形式有鼠标跟随、磁铁鼠标跟随和3D鼠标跟随。有时候，为了达到更好的交互效果，我们会使用Flash中设计的鼠标指针，而不是标准的鼠标指针(如图6所示)，这样用户的鼠标移动可以更紧密地融入到SWF文件中。

但是要实现这种非常容易集中用户注意力的互动动画效果，并不复杂。首先，创建一个影片剪辑来替换原始鼠标指针，并将该剪辑的一个实例放在舞台上。选择舞台上的影片剪辑实例。“属性”面板中实例的名称命名为new_mc。

在时间轴中选择第1帧，然后在“动作”面板中添加以下代码:

();

new_=function(){

这个。_ x = _ xmouse

这个。_ y = _ ymouse

updateAfterEvent()；

};

这时候测试片就会得到你想看的指针的动画效果。通常，这种应用会被广泛应用于交互式动画中。根据设计师用各种形式、不同图形代替鼠标指针制作的电影剪辑，鼠标指针通过位图、矢量图、声音等元素的融合，在交互动画中会有丰富的变化和效果，使浏览和用户获得更好的视觉体验。

随着Flash版本的更新，Flash中提供的ActionScript脚本语言的功能也在逐步完善和强大。随着设计者对编程语言的深入学习和研究，ActionScript脚本语言提供的丰富的计算机语言元素，如常量、变量、运算符、表达式、函数、属性、动作、对象等。，为设计师提供更广阔的交互设计平台。

5.总结和展望Flash软件从1995诞生至今，从一个交互插件发展成为数字动画、交互网站、桌面应用、手机应用的综合开发、创作和编辑环境。Flash逐渐成为集动画创作和应用开发于一体的创意软件。这与Flash软件开发团队的不懈努力是分不开的，也是众多Flash交互动画设计师十几年来努力研究Flash的使用，提高Flash交互功能实现效果的结果。

因为Flash动画的交互设计功能不仅以独特的方式实现，而且有多种方式和形式，所以在追求Flash交互动画设计技术提升的同时，也要注重Flash交互动画设计过程中体现的艺术性。

Flash是计算机技术与动画艺术相结合的产物，技术的不断发展使得Flash交互动画的艺术表现空间更加广阔，Flash交互动画的艺术性使得设计者不断追求计算机技术的提高。因此，在Flash交互动画的不断创作和实践中，技术和艺术得到了充分的结合。从而不断拓展Flash交互动画的应用领域，不断推动Flash交互动画向更有影响力的方向发展。

动作脚本的交互动画设计从实质上来说，动作脚本也是Flash提供的一些操作者和对象。Flash中的脚本命令简称为工作脚本，英文表述为ActionScript。Flash的应用为我们创造了更加逼真的动画效果，使交互成为可能。点击按钮就可以实现人机交互，这就需要使用动作脚本。动作脚本中的代码控制构成了Flash交互性不可或缺的一部分。将动作脚本方法应用于Flash，可以简单分为以下两种形式:一种是将脚本写到对象上，比如电影剪辑元素，另一种是将脚本写到时间轴上的关键帧上。

1，在Flash中不易区分的概念，FLASH动画中各个对象的位置关系是按照一定的分层结构来表现各个对象之间的位置关系。它的根源是场景。每个场景都是相对独立的动画。FLASH设置了每个场景的播放顺序，将每个动画场景一一连接起来，所以我们看到的动画是连续的。在编辑过程中，每个场景实例都不能应用于其余场景，所以最好应用于同一个场景编辑。设置场景顺序时，使用窗口一次播放一个场景。对于特定场景，结构与其他场景相同。两者都覆盖一层或多层。

2.动画的设计与实现。实现2.1动画的目标。

动画多是让文字跟着鼠标变化，以鼠标为圆心，做圆周运动。此外，文本的颜色显示颜色变化。

2.2动画原理分析

(1)窗口鼠标、文本和舞台坐标之间的位置关系。当鼠标移动时，文本也移动并绕着鼠标转圈。文本的坐标值是指圆上的一个点。鼠标坐标值随着鼠标移动而改变，同时，文本鼠标值也相应改变。默认坐标原点O: (0，0)位于窗口的左上角，中心O:(h，k)代表鼠标在窗口舞台上的坐标值。在坐标系中，也就是中心O移动到(h，k)而不是被。根据中心O:(h，k)重新构造直角坐标系。点P代表的中心是点(h，k)，半径是r，是圆上的一个点坐标，是文本坐标位置代表的面积。鼠标的坐标值(h，k)和点P的坐标值(x，y)之间的关系可以用下面的公式表示。其实三角函数中的角度是用Flash指定的，其单位应该是“弧度”，1度等于π/180弧度。Flash中P点的坐标可以用下面的公式表示:arkyarhx180/。(sin())，180/。在这次获得的动画效果中，需要的文本对象数量为n，鼠标做圆周运动。圆周上均匀分布的P点坐标个数需要n，每个P点坐标的表达式为:180/()。/360 sin((。)), 180/()./360 cos。圆周上的I代表圆周上的第一个字母。主要应该引起的一点是，P点的坐标是指文本域中注册点的坐标值。在实践中，文本域的中心点应该移动到点P的位置..②关键处理功能。Math.random()函数可以形成任意小数，范围从0到1，Math.round()函数可以通过取整的形式获得相近的整数，将两个函数融合应用于创建单词的随机颜色，使单词的颜色不断呈现颜色变化；对于addEventListener事件侦听器函数，当值发生更改时，它会根据更改后的值对剩余的变量值进行新的计算。

2.3动画实现过程

第一步，新建一个Flash文档，设置舞台大小为550 px×400 px；；第二步，新建一个电影编辑组件，命名为apple，在组件编辑窗口中绘制眼球图形，设置其半径为50，使用对齐工具将注册点放在眼球圆的中心，与途中的点B(a，B)保持对应关系；第三步，画左圆轨道，左轨道中心(150，150)，画右圆轨道，右轨道中心(400，150)，半径R=100，都放在场景编辑窗口，点A(m，n)。步骤4，将apple组件的两个实例拖出“库”面板。一个叫left_apple，意思是左眼球，一个叫right_apple，意思是右眼球。步骤5，根据基于动画原理的分析和得到的计算公式，将相应的代码添加到图层1的第一帧；第六步，对动画进行修饰，给眼睛加眉毛，把微笑的嘴放在眼睛的下半部分，使其更加逼真；第七步，测试后，获取贴膜。

3.结论本研究使用Flash动作脚本，使交互动画生动呈现，并设置脚本中的一些参数，生成各种动画效果。例如，变量D可以调节字符的旋转频率。在计算公式D+= 0.05中，当0.05的值变化时，字符的旋转频率不同，值变小，字符旋转变慢，值变大，字符旋转变快。文本的字体大小设置公式格式。在文字旋转的过程中，文字同时向下或向上翻。根据以上设置和实际需要进行相应调整。有效地掌握动作脚本，可以创造出各种交互式动画效果。

；如何实时制作交互网页制作交互网页的设计步骤:(1)建立数据库，创建ODBC数据源交互网页最重要的部分是后台程序的设计，数据库是后台程序存储大量数据和程序的重要场所。在设计交互式网页时，数据库的重要性变得越来越重要。ODBC数据源是一个完整的解决方案，可以读取各种数据库，它可以隐藏内核中的所有底层操作。(2)制作静态页面一般来说，交互式网页的设计是从静态网页开始的，所以静态网页的设计也是网页设计的基础。静态网页的设计需要把所有的基本网页信息放在网页上，然后把静态网页中的一些对象和数据库连接起来。(3)创建数据库连接数据库连接主要是指为后台数据库内部的基础设置设置某些参数。如果军队内部数据库的一些主要参数基本设置好了，那么与数据库最基本的链接和调用就不会在最基本的WEB应用中进行，基本的创建方法可以在其他资料中找到。(4)定义记录集由于交互式网页需要从后台数据库进行一定的数据调用和搜索，所以需要定义记录集。记录集的主要功能是临时存储数据库返回的数据，以便在以后的应用程序中快速调用。随着交互式网页的广泛使用和发展，交互式网页技术得到了很大的发展。与静态网页相比，交互式网页具有很大的优势，在人机交互上效果更加明显清晰，在网页本质上优势明显。网站的发展变得越来越多样化。一个网站不仅需要实现其最基本的展示信息的功能，还需要在一定程度上实现与访问者互动的功能，因此交互式网页设计逐渐演变为网页设计的主流方向。Axure10交互功能-交互动作-组件动作控制组件的可见性，控制面板的交互显示。设置文本的显示。所有可以设置文本的组件都可以设置。设置图片的显示。将组件状态设置为选定状态。您可以在选中和未选中状态之间切换。[图像上传失败...(image-568 f66-1625374305654)]在选项列表中设置一个选项。设置组件(组件组)的启用和禁用状态。当组件被禁用时，具有可编辑属性的组件将不可编辑。例如，当下拉列表被禁用时，您不能进行下拉选择。设置组件(组件组)的移动可以在整个范围内移动组件。设置组件(组件组)的旋转，设置组件的大小，将组件放在顶部或底部，通过组件的层次关系，利用Axure加载和渲染的特性实现一些效果。设置组件的不透明度设置组件以获得焦点。当元素获得焦点时，可以结合交互事件中焦点的得失进行交互处理。同时，获得焦点可以触发组件设置的焦点形状属性样式。设置树型组件的节点展开和折叠控制。这里只能使用树型组件。插画如何传播是很快的，现在大部分都接触到了。漫画插画和传统动画最大的区别在于，我们所说的动画(2d)是一帧一帧画出来的，而漫画插画是通过改变静止的帧图像得到的。比如在制作过程中，人物是画在单层上的，人物需要表达的东西是通过平移、弯曲和简单改变一些重要的位置来获得的，而不是重画。传播速度是用来表示波传播速度的物理量，它表示场的给定特征在给定时间间隔内的位移矢量与该时间间隔在给定时刻和空间给定点的持续时间的比值，以及持续时间趋于零时的极限。