18新利最新登入网络动画是如何工作的

在其短暂的历史,互联网不断,发展迅速。这个进化的一部分已经很大程度上由两个相反的力量:

这些因素迫使网络创新者想出一个聪明的技巧提供复杂的内容数量有限的连接。

一个Flash动画从我们的核辐射。这是一个相当复杂的图,但它在不到7000个字节!

在下面几节中,我们将看看每种技术以及他们如何处理这些竞争力量。18新利最新登入

历史上最大的一个创新网络能力将照片和插图与web页面上的文本。插图的形式位图文件。位图文件简单地描述每一个的颜色像素的形象。减少文件大小的位图图像,使用几种不同的技术压缩图像数据。通常情况下,网站发布这些图片一样JPEG文件或GIF文件。

动画只是一系列的静态图像序列所示,最明显的方式添加动画网站发布一系列用户的浏览器显示的位18新利最新登入图图像序列。这样的动画,叫道GIF动画,或GIF89是第一个网络动画,,今天它仍然是非常受欢迎的。

GIF动画的主要优点是,它是非常简单的工作,它是自动识别大多数Web浏览器。共享软件程序等GIF建设组对于Windows或GifBuilder Macintosh,所有你需要做的就是提供单独的位图图像,动画的帧。然后把文件和代码的标记图像,就像与一个普通的静态GIF。

缺点是你必须保持动画非常简单的压低文件大小。毕竟,每一帧是一个完整的位图图像。四个简单的帧传输大多数用户很容易,但是当你达到20帧,你的文件大小太大了。在很大程度上,你甚至不能完成20帧——我们看到的流体动画电影中包括至少24静态图像每一秒,所以动画gif是相当有限的。创建一个电影的任何实质性的长度,你必须做出相当大的跳跃在每一帧之间,这意味着动画不是很流畅,在下面的例子中可以看到的。

这是一个极好的方式,说明一个简单的概念,或者只是添加一些引人注目的装饰你的网站;但网页设计师和网站用户发现它完全不适用于更复杂的思想交流或向网站添加了真正意义上的运动。此外,您不能添加声音一个GIF动画。

正如我们所看到的,GIF动画的主要问题是,每一帧的“电影”大大增加总文件大小。绕过这个问题的一个方法是完全消除单个框架。相反,你只需告诉计算机采取一个更形象和它在屏幕上移动。在某种意义上,你这样做,你的电脑,当你用鼠标在屏幕上移动光标。

最初,Web页面,在大多数情况下,静态文件——也就是说,一旦加载,他们几乎保持不变。这是固有的超文本标记语言的基本编程语言(HTML), Web页面。HTML基本上由简单的标签,告诉一个Web浏览器来显示Web页面元素。

随着互联网不断发展,网页设计师发现这个静态质量相当限制。他们想要增加动态内容——也就是说,他们的网站内容,可以改变一旦用户已经下载了一个特定的Web页面。动态HTML或dHTML的术语是软件技术使这一切成为可能。DHTML内容实际上是由使用一个复杂的数量脚本语言,如Javascript访问所谓的文档对象模型在你的网络浏览器。基本上,文档对象模型(DOM)控制所有浏览器如何显示一个Web页面。18新利最新登入这些天来,几乎所有的用户都将使DOM的浏览器脚本语言,所以这个脚本可以修改HTML元素(改变文本颜色当你移动鼠标在一个词,例如)。

DHTML并不是创建动画,但它会让你改变的HTML元素,将添加一个Web页面的运动。dHTML脚本可以告诉浏览器将改变一个特定的位置图像在页面上,所以它在屏幕上。和几个不同的图像,如果你这样做你可以移动的一系列图形元素彼此做出有趣的电影。

像GIF动画,dHTML动画自动被大多数Web浏览器,用户无需下载任何额外的组件。18新利最新登入然而,它是相当棘手的创建dHTML内容在所有浏览器上以同样的方式工作,所以这类动画不是那么简单的GIF动画。实际上自己编码动画程序是非常困难的,但是有用户友好的软件应用程序,例如Macromedia Dreamweaver的,将为您生成正确的脚本代码。

DHTML是相当有限的动画应用程序,因为它可以真正做的是移动静止图像在屏幕上。比GIF动画更流畅,但对于许多应用程序,这是一个更有效的方式显示变化的图像。DHTML几乎是一个Web浏览器内置的动画的极限能力。增加更多复杂的动画能力互联网,创新者必须想出补充用户的浏览器的程序。

Java applet

提供网络动画的另一种方法是普遍,网络编程语言被称为Java。与Java程序员可以创建应用程序,用户从网上下载。支持java的浏览器使用虚拟机一个软件,认识到Java语言和翻译用户的计算机系统(窗口、MacOS Unix)。虚拟机是一种插件,它必须安装浏览器。

Java Web内容通常是创建项目小应用程序。applet没有完整的软件应用程序,他们只能与一个浏览器。有各种各样的网页设计师做的事情与applet、动画和最受欢迎的应用程序。Java的主要优点是,它可以在所有的操作系统是非常灵活的。您可以创建一个动画程序,绘制简单的矢量形状的单个帧数,或使用位图图像。Java是特别适合创建交互式动画和动画结合其他Web页面元素。有关Java的更多18luck手机登录信息,请查看18新利最新登入计算机程序是如何工作的。

在90年代早期,互联网真正开始流行,和网站的数量飙升。突然有各种各样的人制作网页,他们有他们想要的各种各样的多媒体内容可以包括。而不是试图改变浏览器识别和显示这些不同形式的内容,网络创新推出了的想法浏览器插件。

使用你的浏览器的插件程序阅读和玩一个特定类型的文件。他们相对较小的软件,所以它不需要用户永远从网上下载。他们是专门设计用于处理一个特定类型的文件,这样他们就可以完成很多事情,一个基本的浏览器不能。

视频

流媒体视频通常使用一个插件的方法,让您可以查看视频内容。网络视频可以包括声音和更复杂的动画。

这些天,网页设计师可以使用dHTML脚本检测你是否有一个特定的插件。如果你没有它,你的浏览器将显示一条消息,告诉您如何下载插件。18新利最新登入这从应用程序到应用程序中,但它通常需要一段时间来经历整个过程,这是一个明确的处理动画这样的缺点。如果你已经有了插件,大多数浏览器就会开始播放电影足够的文件已经开始下载。

不同的插件以不同的方式工作。视频播放器应用程序等QuickTime和媒体播放器显18新利最新登入示一个静态图像序列,就像一个GIF动画或电影在视频,但是他们能够更快的传播图像压缩和流媒体他们。压缩的过程简化的信息组成一个图像,使其文件大小减少。18luck手机登录流媒体仅仅意味着玩家开始显示的内容在整个文件下载。

即使有这些功能,这样的电影文件需要很长时间下载或质量差,如果你有一个缓慢的连接。

Flash和冲击波

到目前为止最常见的插件处理动画Flash和冲击波,从Macromedia。这些都是基于矢量的二维动画的观众。下面几节详细讨论Flash和冲击波。

一个Flash动画从我们回飞棒。

从我们的动画回飞棒的文章。

Macromedia已经取得了很大的成绩和两个密切相关的格式,Flash和冲击波。Flash是现在的标准格式在网络上丰富的动画,和冲击波是一种非常受欢迎的格式呈现更为复杂的动画内容。不像真正的球员和QuickTime文件,Flash和冲击波电影实际上表现为Web页面的一部分,包括高水平的互动,就像一个简单的HTML页面。冲击波的球员不仅扮演动画,而且识别用户输入,然后控制浏览器响应。18新利最新登入

交互式Flash影片从我们的潜艇。点击按钮子表面和淹没。

交互式Flash影片从oursubmarine文章。点击按钮子表面和淹没。

Flash和冲击波并不是唯一的格式这样的动画,但是他们比其他任何类似的格式。Flash特别是已经成功,因为它是与大多数浏览器,可以绑定传输液体,很快有吸引力的动画。

快速下载时间

有几个不同的因素,使快速的下载时间。首先,有很多Flash文件的性质和冲击波文件。与GIF动画,Flash和冲击波主要文件基于矢量的。这意味着,而不是图片保存为一系列的像素值,多媒体课件制作程序描述了一系列形象线条和形状,它记录作为数学值。例如,直线是提升的角度来描述的,其坐标位置与其他形状和它的长度与形状。用这种方式来描述图像允许程序保存图像的宽的部分,部分可能包含数百个像素在一个位图文件,几个数字。冲击波和Flash也可以使用位图图像,网站管理员可以压缩和缩小文件大小很小。这些位图图片也可以在屏幕上的移动路径,就像静止的图像移动的dHTML动画,这有助于降低总文件大小。大多数Flash文件完全是基于矢量的,然而,这使得它们尤其是快速加载。18新利最新登入

当你的图片生产,减少帧动画已经创建的数量。Flash和冲击波技术可以创建渐变基于矢量之间的框架很容易关键帧通过计算两幅图像之间的几何信息的变化。18luck手机登录这比直接占用更少的空间位图动画,已将每一帧存储为一个独特的形象。

另首席创新的方式实际上是传输文件。Flash和冲击波文件流在互联网上,这样浏览器就可以开始玩“电影”在整个文件下载。就像一个服务器发送一个Web页面的文本,然后任何图片文件,一个Flash网站可以配置为发送一个介绍电影而其他的Flash内容加载。网站管理员可以代码文件,浏览器将开始播放电影一旦一定量的文件下载。这是时间,文件传输的每个部分在电影中扮演这一点。这也是流媒体视频的工作方式。

可用性

Flash和冲击波引起了众多网络用户和网页设计师主要是因为Macromedia的传播策略。这些天,插件打包与主要的网络浏览器和操作系统,很容易得到免费插件如果你不已经有它。所有安装程序在后台发生,所以用户没有退出浏览器程序冗长的下载过程。多媒体课件制作是昂贵的,但是它是现成的。

它也很容易更新插件,允许Macromedia新技术不断发展,然后分发。公司故意设计了Flash和冲击波球员适应未来的修改,因此用户不需要做任何事来更新球员但下载该文件。因为这些文件非常小,不需要太多的时间来做到这一点。此外,如果一个网站发现你没有最新版本的插件,你的浏览器会告诉你,你直接到Macromedia站点下载更新。

不同的动画格式在网络上都有特定的优点和缺点。但是很多站长使用Flash,即使另一种格式可能更适合他们的需求,因为他们知道,大多数网络用户已经闪能力;如果他们不,很容易得到它。Flash和冲击波导致更多的站长的普遍性包括Flash内容,进一步传播接受的格式。

Flash和冲击波的软件应用程序覆盖很多相同的,他们是由同一家公司,但是有一些显著的差异。大多数都是直接关系到这两个文件格式的起源。导演,软件应用程序用于创建冲击波文件,已经存在了很长时间,超过互联网目前的形式。这是最初创建动态内容开发只读光盘存储器,它仍然是用于这一目的。作为动态内容在互联网上已经成为更受欢迎,然而,更新版本的董事包括更多的特性,裁缝冲击波文件在网络上使用。18新利最新登入

Flash,另一方面,是建立在网络上的使用。Macromedia Flash适应从未来的动画师,一个矢量艺术动画程序。Macromedia的版本是专门适应传输电话线路连接。所以在他们的心,Flash和冲击波有两个不同的专业。因此,他们有一个对比的优缺点:

每个软件更新,两种格式将越来越紧密。冲击波有更好的Web功能与每个版本,和Flash变得更加多才多艺。最终,两种格式可能会合并成一个全面的格式,包括各自的优秀品质。

一个Flash影片从我们的燃料电池。

Flash和导演的设计相当简单和有趣的使用,他们都有一个简单的界面和许多自动执行的任务。两个程序处理电影创作有点不同,为几乎所有和他们有不同的名称,但他们分享一些基本组件。电影,你需要操纵电影元素在三种不同的方式。你需要:

Flash和冲击波都有进口的一种手段,生成和编辑电影元素。在Flash中,你将这些元素存储在图书馆;在冲击波,他们进去演员。在这两个项目,你这些元素分配任何动态特性和安排在舞台上。阶段代表什么会出现在最后的电影。使用阶段,您将创建关键帧你按顺序位置布局。在Flash中,安排你的帧时间轴,在冲击波叫做分数。

一个原因你今天看到网上那么多动画是非常容易产生。Flash程序,以及导演,把一个正常运转的动画工作室在桌面上,并自动化很多多媒体所涉及的复杂的任务。如果你想要一个球滚屏幕从一端到另一端,举例来说,你不需要动画的每一帧全球移动时;你只需告诉Flash全球启动和停止,并分配其在这些帧之间滚动。一个好的介绍如何使Flash电影,看看Webmonke18新利最新登入y的动画教程。

一个Flash动画从我们的引擎。

网络动画的下一件大事是3 d Web图形。这给网络用户与在线内容互动的另一个水平。在二维动画、网页设计师决定你所看到的,就像动画师决定你所看到的,当你在电视上看卡通片。在三维图形,您可以访问一个3 d模型,所以你控制显示。你可以扭转模型,激活某些功能,实际上,在某些情况下,改变它的尺寸。18新利最新登入东西是如何工作的了几个这样的3 d模型。

与Flash和冲击波二维动画,您需要下载一个插件来查看Web图形三维。已经有很多公司,开发了这款软件。的观点已经取得了一些成绩,NxView有一个插件可以在他们的网站上。今年7月,Macromedia和英特尔宣布他们开发3 d功能冲击波。用户可以添加3 d冲击波玩家只需下载一个更新。英特尔选择使用Macromedia在这个项目中,因为该公司已成功与传播的多媒体播放器。公司希望冲击波3 d格式将成为3 - d图形的Web标准。

冲击波技术的一种方式扩展3 d图形,这样他们的工作与不同的连接速度。基本上,如果你有一个较慢的连接,用更少的冲击波的球员会下载一个模型多边形的几何形状,结合3 d模型。这意味着你将失去一些细节,但是你不会失去任何运动的图像清晰或流动性。

这种三维网络技术允许各种各样的有趣的网站内容。一个最有前途的应用程序电子商务。而不是基于仍然选择产品图片,在线购物者能够从各个角度看对象,他们会如果他们购物的对象存储在购物中心。一些网站也使用3 - d图形创建“虚拟更衣室。”The user can create a 3-D model of their body shape and see how different clothes fit that body.

这种技术也可以添加一个新的水平等内容的教育网站的东西是如何工作的。18新利最新登入我们已经发表了几篇文章使用NxView生成的3 d图像,我们计划在未来开发更多的3 d内容。这些图形让用户得到一个清晰的技术和过程,他们可以从任何角度看一个引擎,就好像一个实际的发动机是在他们面前的。

这种技术真的是神奇的,它很可能会彻底改变互联网的外观和感觉,就像仍然图片和Flash动画改变了一切。在以后的文章中,我们将进一步深入研究这项技术是如何工作的,它能做什么,并特别关注Macrom18新利最新登入edia和英特尔在做什么开发冲击波的球员作为Web标准。

随着越来越多的网络用户获得高带宽连接,肯定会有一些大的变化在未来网络动画。这样的一个想法是使网络更像是一本书,更像一个游戏,你将在3 d访问信息,互动的世界。18luck手机登录另一个概念是使它更像电视,有很多高质量的动画和视频。真的完全取决于网页设计师想包括在他们的网站上,这反过来取决于网络用户想看到的东西。在任何情况下,一切迹象都表明,互联网将继续以惊人的速度发展。