登录  /  注册

PHP生成Flash动画的实现代码_php技巧

php中文网
发布: 2016-05-17 09:27:17
原创
688人浏览过

其中有一组映射到 SWF 动画中的数据类型的对象:子图形、图形、文本、位图等等。在本文中,我使用了预编译的扩展 php_ming.dll 库用于 Windows 版本的 PHP。

清单 2 显示了使用 Ming 库实现的 HelloWorld 示例。


清单 2. Hello.php
				<br><?php <BR>$f = new SWFFont( '_sans' );<br><br>$t = new SWFTextField();<br>$t-&gt;setFont( $f );<br>$t-&gt;setColor( 0, 0, 0 );<br>$t-&gt;setHeight( 400 );<br>$t-&gt;addString( 'Hello World' );<br><br>$m = new SWFMovie();<br>$m-&gt;setDimension( 2500, 800 );<br>$m-&gt;add( $t );<br><br>$m-&gt;save( 'hello.swf' );<br>?&gt;<br>
登录后复制

在命令行中运行这段代码将生成文件 hello.swf。当我在 Web 浏览器中打开该文件时,看到了图 1 所示的结果。


图 1. 使用 Ming 的 HelloWorld 示例
使用 Ming 的 HelloWorld 示例

回过头来查看这段代码,我做的第一件事是创建指向一个内置字体(_sans)的指针,然后创建文本字段,设定字体、颜色和大小,最后为其提供 一些文本内容(“Hello World”)。再接下来创建了一个 <font face="NSimsun">SWFMovie</font> 对象并设定其尺寸。最后,向动画中添加了文本元素并将动画保存到文件中。

作为直接构建文件的替代性方法,也可以使用下面的代码,使 SWF 动画像页面那样输出,而无需使用 save 方法:

header( 'Content-type: application/x-shockwave-flash' );<br>$m-&gt;output( );<br>
登录后复制

此过程类似于使用 PHP 中的 ImageMagick 库来构建位图。对于所有 Ming 示例,我都将使用 save 方法,但您可以根据喜好来选择是否使用 save 方法。

让文本动起来

只是将一些文本放入 Flash 动画中是没有多大意义的,除非您能让它动起来。因此我整合了清单 2 中的示例,它包括两段文本:一部分开始很小后来变得越来越大,而另一部分保持静态。


清单 3. Text.php
				<br><?php <BR>$f = new SWFFont( '_sans' );<br><br>$pt = new SWFTextField();<br>$pt-&gt;setFont( $f );<br>$pt-&gt;setColor( 0, 0, 0 );<br>$pt-&gt;setHeight( 400 );<br>$pt-&gt;addString( '1000' );<br><br>$tt = new SWFTextField();<br>$tt-&gt;setFont( $f );<br>$tt-&gt;setColor( 192, 192, 192, 90 );<br>$tt-&gt;setHeight( 350 );<br>$tt-&gt;addString( 'Points' );<br><br>$m = new SWFMovie();<br>$m-&gt;setDimension( 2500, 800 );<br><br>$pts = $m-&gt;add( $pt );<br>$pts-&gt;moveTo( 0, 0 );<br><br>$tts = $m-&gt;add( $tt );<br>$tts-&gt;moveTo( 1300, 200 );<br><br>for( $i = 0; $i  $m-&gt;nextframe();<br> $pts-&gt;scaleTo( 1.0 + ( $i / 10.0 ), 1.0 + ( $i / 10.0 ) );<br>}<br><br>$m-&gt;save( 'text.swf' );<br>?&gt;<br>
登录后复制

在命令行中执行这段代码时,它将生成 text.swf。在 Web 浏览器中打开该文件时,我看到了图 2 所示的图片。


图 2. text.swf 文件
text.swf 文件

文本 “1000” 开始时很小,大小为 350 个点。然后使用 <font face="NSimsun">scaleTo()</font> 方法使其增大为 750 个点,方法是对动画对象使用 <font face="NSimsun">nextframe()</font> 方法。

要理解其工作原理,需要了解一点 Flash 制作动画的方法。Flash 中的动画就像电影中的动画一样运行:按帧运行。子图形将按帧在动画框架中移动。一个主要差别是 Flash 不获取每帧的快照。它存储子图形对象在每帧的状态。

您可能会注意到,我有一个名为 <font face="NSimsun">$pt</font> 的变量,该变量具有文本 “1000”。随后当我把 <font face="NSimsun">$pt</font> 添加到动画中时,获得了通过 <font face="NSimsun">add()</font> 方法返回的名为 <font face="NSimsun">$pts</font> 的新对象。该对象是 <font face="NSimsun">SWFDisplayItem</font>, 表示子图形的实例。然后我可以围绕动画框架的表面逐帧移动实例。 这有点儿混乱,但我可以拥有同时移动的多个版本的 “1000” 文本子图形或 “points” 文本子图形。

绘制一些图形

接下来要处理的是矢量图形。首先仅绘制一条简单的直线,它从框架的左侧顶部到右侧底部。


清单 4. Line.php
				<br><?php <BR>$m = new SWFMovie();<br>$m-&gt;setDimension( 300, 300 );<br><br>$s = new SWFShape();<br>$s-&gt;setLine( 10, 0, 0, 0 );<br>$s-&gt;movePenTo( 10, 10 );<br>$s-&gt;drawLineTo( 290, 290 );<br>$m-&gt;add( $s );<br><br>$m-&gt;save( 'line.swf' );<br>?&gt;<br>
登录后复制

在命令行中运行此脚本,然后查看输出的 .swf 文件,效果如图 3 所示。


图 3. 绘制简单的直线
绘制简单的直线

好的 —— 这十分简单,也不怎么令人激动。那么我做了什么?创建了一个新的 <font face="NSimsun">SWFShape</font> 对象,然后向其中添加了一些笔触移动和直线。然后我将其作为子图形添加到了动画中。

为了让它变得更有趣,我使用了与刚才文本中使用的相同的帧式动画。但在本例中,我用下面所示的代码使这条直线围绕动画的中心旋转。


清单 5. 旋转直线
				<br><?php <BR>$m = new SWFMovie();<br>$m-&gt;setDimension( 300, 300 );<br><br>$s = new SWFShape();<br>$s-&gt;setLine( 5, 0, 0, 0 );<br>$s-&gt;movePenTo( -100, -100 );<br>$s-&gt;drawLineTo( 100, 100 );<br>$ts = $m-&gt;add( $s );<br><br>$ts-&gt;moveTo( 150, 150 );<br><br>for( $i = 0; $i  $ts-&gt;rotate( 10 );<br> $m-&gt;nextframe();<br>}<br><br>$m-&gt;save( 'rotate.swf' );<br>?&gt;<br>
登录后复制

在本例中,我从 -100, -100 到 100, 100 画了一条直线。这将把直线的中心放在坐标 0,0 处。这样,当我在旋转图形时,直线的中心将发生旋转。

当我向动画中添加图形时,将移动返回到框架中心的 <font face="NSimsun">SWFDisplayItem</font>。然后用 <font face="NSimsun">rotate()</font> 方法使它旋转并每旋转一周就增大其框架。

使用图片

文本和诸如直线、圆、弧、曲线和矩形之类的简单矢量图形都是十分优秀的,但在理想的情况下,您必须能访问这些 Flash 动画中的图片。值得庆幸的是,Ming 库使您可以轻松的使用图片,如下所示。


清单 6. 使用图片
				<br><?php <BR>$img = new SWFBitmap( file_get_contents( 'megan.jpg' ) );<br><br>$s = new SWFShape();<br>$imgf = $s-&gt;addFill( $img );<br>$s-&gt;setRightFill( $imgf );<br>$s-&gt;movePenTo( 0, 0 );<br>$s-&gt;drawLineTo( $img-&gt;getWidth(), 0 );<br>$s-&gt;drawLineTo( $img-&gt;getWidth(), $img-&gt;getHeight() );<br>$s-&gt;drawLineTo( 0, $img-&gt;getHeight() );<br>$s-&gt;drawLineTo( 0, 0 );<br><br>$m = new SWFMovie();<br>$m-&gt;setDimension( $img-&gt;getWidth() * 2, $img-&gt;getHeight() * 2 );<br>$is = $m-&gt;add( $s );<br>$is-&gt;moveTo( $img-&gt;getWidth() / 2, $img-&gt;getHeight() / 2 );<br><br>for( $i = 0; $i { <br>$is-&gt;skewx( 0.02 );<br>$is-&gt;skewy( -0.03 );<br>$m-&gt;nextframe();<br>}<br><br>$m-&gt;save( 'image.swf' );<br>?&gt;<br>
登录后复制

在命令行中运行此脚本并在浏览器中查看 image.swf,结果如图 4 所示。


图 4. 生成的图片动画
生成的图片动画

此脚本在开始时读取了本地的 .jpeg 文件(在本例中,是我女儿 Megan 的照片)。然后创建一个矩形,并在其中填充图片。在那之后,它在10 帧处使用了位移效果使图片稍微移动。

继续移动

我只是触及了 Ming 库可为您提供的操作的表面。在这里我没有展示交互部分,在交互部分您可以将简单的脚本与元素连接起来。(但是,如果换成是交互操作,如果您有一个十分复杂 的 Flash 动画,则可能需要考虑使用 Flash 开发工具来构建 Web 应用程序内与 Web 服务对话的 Flash 动画。)

构建更加复杂的 Flash 动画的另外一种选择是使用诸如 Adobe Flex 或 Laszlo 之类的制作工具,这两种工具都提供了用于为 Flash 动画的用户界面布局的 XML 语法以及一个更轻松地例程,可用于开发为界面提供互动操作的 JavaScript。

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号