财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题:今日天骄推荐 下一主题:单纯个人日记——之天骄
美的动画出自妙的Anfy——Java特效点滴
[楼主] 作者:开心&乐乐  发表时间:2003/12/10 00:52
点击:1359次

点我

     许多朋友看了奢香制作的网页一定都非常喜欢,渴望自己有一天也能够做出这样漂亮的页面。说难,真的很难,说简单只要你有兴趣、有心,也很简单,下面我介绍利用软件(Anfy2.0)来制作特效网页。因为篇幅限制,只能够简单地介绍,大家有兴趣可以在网上查找有关文章。

   美丽的网页离不开美妙的图片,美妙的图片离不开巧妙的Java Applet,而巧妙的Java Applet离不开奇妙的编程,奇妙的编程并不一定就要你是专家。

         看看奢香制作网页上的动画效果:荡漾开去的湖面倒影、被柔化了的更具魅力的鲜花、图片的淡入淡出层层翻页效果···。在羡慕之余,你是不是也渴望能够也编写出靓丽的网页呢?

  Anfy是一个不用让你编写Java小程序就可以作出各种动画效果的软件。启动这个软件后出现的是它的封面界面,同时在下拉列表框中就有30种效果让你选择,每一种效果都有现成的图片例子让你预览,欣赏一下这30种美妙的动画效果吧。如奢香制作的随你的鼠标到什么地方,都会形成镜头LEN效果;一汪缓缓荡漾开去的湖水;一页一页为你轻柔地揭开;小小星点组合成奇妙的图形自由地飞翔在浩瀚的太空,诸如此类等等。  

  想想如果只用几幅连续画面的gif或jpg格式小图片组合成一个动画的方法是很难达到这种美丽的动画效果的,而且不可能有有趣的鼠标随动效果。

  对于个人主页,好的效果显然比好的内容更易实现。Java可以为网页做特效,使网页生动美观,增色不少。然而,Java可不是每个网虫都那么容易掌握的。别急,今天向大家推荐 Anfy 2.0,有了它,你可以不用写一句Java命令,就轻轻松松实现各种网页上的动态Java特效。下面,以在一张图片中制作飞雪,同时伴有文字从下往上升的特效为例,给大家介绍Anfy Java的使用。 (因条件所限,下面以Anfy1.4为例)
    第一步:启动Anfy Java


                                        (图1) 
   启动Anfy Java后,将出现如图1界面。



              (图2)

    在“Category”栏下有6个按钮,分别代表6种特效类型。我们在其中选择第三种“Image effects”(图片处理)。 

    第二步:点击“Category”右边文本框中的下拉按钮,会弹出一下拉选项框(如图2),其中每一选项代表一种具体的特效,从中选择“SNOW”飞雪效果。点击右下方的[Applet preview...]按钮可以预览所选的特效(当然,在实际应用中,你可以用这个方法预览其他的特效并从中选择你所需要的),然后,点击[Next]按钮。

                 (图3 )

    第三步:在图3中,在“Background”下的文本框中输入图片的路径和文件名,也可以点击右边的[浏览]按钮进行选择,其他选项可以不变,同时,可以点击[Preview...]按钮进行预览,如果不满意,可以点击[Previous]按钮返回上一步进行修改。然后,点击[Next]按钮。

             (图4 )

    第四步:在图4的“Scroll text”下的选择框中选择“Vertical”;在“Text”下面的文本框中输入要在图片中上升的文字(中、英文都行)内容。注意:宽度不要超过图片的宽度,超过的内容会被截除,高度只能是两行文字,这是该软件的不足之处;在“Font”下的选择框中可以选择字体;在“Size”右边可以设置字号;在右上角还可以选择字型及文字的颜色、阴影及阴影的颜色,设置完各选择后可以点击[Preview]进行预览,满意之后,点击[Next]按钮。

             (图5)

    第五步:在图5中,选择[Optimize for speed]按钮,然后单击[Next]按钮。

                (图6)

    第六步:在图6中,可以暂时不作任何的选择和设置,这不会影响你的效果。

                 (图7)
    第七步:在图7中,先点击 [Preview]按钮预览最后效果,满意之后可以有两种处理方法,一是,点击[Copy into Clipboard]按钮将生成的HTML代码复制到剪切板中,然后再粘贴到你的网页的适当位置;二是点击[Copy all file to ···]按钮将生成的特效以网页文件格式保存到磁盘中(如图8)。


             (图8 )

    至此,一个飞雪的Java特效就已制作成功,是不是很容易?快点动手,自己领略一下做Java特效的乐趣。

    Anfy Java可以到如下网址去下载

  http:// www.anfyjava.com>



※※※※※※


本帖地址:http://club.xilu.com/deichun/msgview-10363-35283.html[复制地址]
上一主题:今日天骄推荐 下一主题:单纯个人日记——之天骄
[楼主]  [2楼]  作者:开心&乐乐  发表时间: 2003/12/10 01:01 

Anfy2.0功能简介


          Anfy2.0功能简介:
   此applet可在任意一个GIF或JPG图像上模拟一个透镜移动效果,此applet是完全参数化, 因此您可以产生多种透镜效果。。

    所需文件:需下载以下文件,并放在你的网页目录下:
    AnLens.class
    Lware.class
    anfy.class
    AnLens.jar


    此外,你还可能会用到几个图形文件作为背景或遮盖图像。

   参数说明:以左面的效果为例
插入applet标签到您的html文件中,以将此applet加入到您的页面中,具体的代码和参数设置和说明如下。


HTML代码 代码解释和说明

applet archive="AnLens.jar" code="AnLens.class" width="320" height="256"

设定java小程序的源代码为同一目录下的AnLens.class,宽和高分别为320和256(要记住在宽度及高度标签中输入准确的图像尺寸)。另外,设置archive="AnLens.jar"参数可以在最新的浏览器中加快载入速度。此
param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)" 这是此java小程序的作者Fabio Ciucci设定的参数,你不可以改动此参数的值,否则将导致此java小程序不可用。
param name="overimg" value="NO"
param name="overimgX" value="0"
param name="overimgY" value="0" 您可以使用“overimg”参数指定描画在此applet上的图像。最好选择透明 的GIF图像。使用偏移量"overimgX"及"overimgX"参数,您可以将此图像放在applet区域内任何位置。


param name="image" value="facet.jpg"
选择用作效果的图片。
param name="lenswidth" value="45" 您可以使用"lenswidth"参数选择透镜的宽度。不过透镜尺寸越大则表示移动速率更慢。
param name="zoomfactor" value="5" 透镜效果对急速上升图像很有用。使用"zoomfactor"参数,您可以改变 透镜急速上升功能。数值0=无急速上升只有变形效果,较高的值=较高的急速上升效果。
param name="distort" value="YES"
param name="distdval" value="10"
param name="distoxy" value="0" 如果您将"distort"参数设定为"NO",将使变形无效,且急速上升效果会变得清晰 "distdval"(5...20)参数决定斜列变形。为了有一个适当的球体,可改变此值以改变透镜的变形。
"distoxy"(-40..40)将以正值使X变形,以负值使Y变形。选择0得到正常的球体变形
param name="interactive" value="YES" 如果您将"interactive"设定成"YES", 当它在applet区域时,用户可以透过鼠标移动此透镜,在用户停止移动后2秒钟又开 始自动移动。如果设定成"NO",用户将不能使用这个互动功能。
param name="spdx" value="2"
param name="spdy" value="1" 您可以使用"spdx"和"spdy"参数控制自动移动的速率。
param name="regcode" value="*********" 这是anfy对这个小程序作的唯一限制,你需要购买注册码以使有些功能生效,这些功能包括:当applets在线上方式時所有"link"选项有效;当applets在线上方式被按下時不会跳出信用视窗。如果你认为这个小程序值$20,你可以到anfyteam 的主页上看具体的购买方法。但是如果你的银子和我一样有限,你可以到论坛讨论解密的方法。
param name="regnewframe" value="YES"
param name="regframename" value="_blank" 设置点击applet打开新的URL所在的帧,如果使用"_self"可以把"regnewframe"设成"NO"
param name="memdelay" value="15"
param name="priority" value="1"
param name="MinSYNC" value="30" 这些选项为高级用户而准备,允许你设置内存延迟,任务优先和最小同步值。
如果你为兼容性考虑可以使用15、1、30,要是你以速度优先,可以选择1000、6、2。
Sorry, your browser doesn't support Java(tm). 对不支持Java的浏览器的显示提示信息。
applet标签结束。 



※※※※※※


 [3楼]  作者:单纯女人  发表时间: 2003/12/10 01:13 

回复:喜人啊

 

    天骄仨电脑师啦,乐乐和老妖还好为人师,号召天骄上下向他们学习! 嘻嘻~~



※※※※※※
我手写我心,我歌咏我情
我梦抒我爱,我情言我志

欢迎光临一代天骄>、若云的世界>论坛
[楼主]  [4楼]  作者:开心&乐乐  发表时间: 2003/12/10 01:16 

—— 一、Anfy Java 简介 ——

  利用Java 编写网页特殊效果只是应用手段,而主页设计者的目的在于使用这些特殊效果为自己的主页增添令人惊叹的特色。Fabio Ciucci 的Java 工具软件Anfy Java 利用一个引导型的界面,使用户从预先设计好的数十种Java 特殊效果程序中任选其一,简单地填写或修改一些参数,就可以将Java 特殊效果程序嵌入HTML 文件中,整个过程无需任何Java 编程知识,极大地提高了主页设计的效率。  Anfy Java 内置数十种Java applet 图像动画特殊效果程序,整个设计操作过程符合所见即所得原则,在各个步骤都支持用户预览功能,用户随时都能修改全部参数以改变网页特技效果。 

  一、 参数说明
  作为图像特技程序,Anfy Java 的原理是:在主页的HTML 文件中插入一段Java applet 代码,对用户预制的GIF 或者JPG 图像文件进行特技处理,这些代码保存在以.class 为后缀名的文件中,每个特效程序使用不同的“.class"文件,而且文件数量不等;为了确保灵活性,通常用户可以自如地设定传递给Java applet 的各项参数,例如图像文件名、移动方向、速度等,以获得不同的效果。

  使用特效程序的方法是:在需要特效的主页HTML 文件中插入一段Java applet 代码,在本地测试通过后,将用户预制的GIF 或者JPG 图像文件、实现特效的若干个“.class"文件以及主页HTML 文件上载至存放主页的服务器。以下通过“湖中倒影”特效程序Lake 说明其使用方法:

  在主页HTML 文件中插入如下一段Java applet 代码标记段(注:分号后面是注释内容,不包含在程序中):


< applet code="AnLake.class" width=300 height=256 > ;

程序名,宽度,高度。

< param name=credits value=

"Applet by Fabio Ciucci

(www.anfiteatro>. it/java.html)" >

< param name=regcode value="NO" >;

注册码。

< param name=reglink value="NO" >;

如注册码有效,

则填写点击该程序后转向的URL 地址。

< param name=regnewframe value="YES" >;

新的超链接是否显示在其他帧中?

< param name=statusmsg value="AnLake applet" >;

在状态行显示的提示信息。

< param name=res value="1" >; 分辨率(1 .. 8)。

< param name=image value="palio.jpg" >;

加载的用户预制图像文件。

< param name=textscroll value="NO" >;

    可选的滚动文字。

< param name=wavspeed value="30" >;

水波速度(1..200)。

< param name=perspective value="10" >;

透视(1..100)。

< param name=farwaving value="200" >;

远处波浪的强度(1..10000)。

< param name=wind value="10" >;

    风力(1..20)。

< param name=windvarval value="5" >;

风的变化速度(0..200)。

< param name=windvarmin value="5" >;

风变化的最小值(0..20)。

< param name=windvarmax value="15" >;

风变化的最大值(0..20)。

< param name=overimg value="NO" >;

可选的覆盖图像。

< param name=overimgX value="0" >;

覆盖图像的X 坐标。

< param name=overimgY value="0" >;

覆盖图像的Y 坐标。

< param name=memdelay value="1000" >;

内存延迟参数。

< param name=priority value="3" >;

任务优先级(1..10)。

< param name=MinSYNC value="10" >;

帧同步的最小毫秒值。

Sorry, your browser doesn't support Java.;

若客户的浏览器不支持Java,

则显示该信息。

< /applet >

  二、 关于参数的注意事项

  credits:包含了作者版权信息,它不得被修改,否则会关闭该特效程序。

  reg:只有在购买了注册码之后,才能修改这些参数。

  overimg:可选的覆盖图像允许用户指定另外一个图像文件覆盖在image 指定的用户预制图像文件上,比如一只小鸭子在湖面上游来游去。

  用户预制图像文件可以是任意面积,而特效区域的宽度与图像文件宽度相等,高度则是图像文件的两倍,因为要制作倒影效果,原图像和倒影高度各占特效区域的一半。如果分辨率参数res=1,则图像文件和特效区域的宽度、高度关系同上;如果分辨率参数res=2,则特效区域的宽度、高度应加倍;如果分辨率参数res=3,则特效区域的宽度乘3,高度乘6;因此分辨率参数可以用来放大特效区域。

  不同的特殊效果程序,可能包含与上述参数不同的参数及其含义,但大体思路是一致的。

  三、特效列表

  Anfy Java 支持众多迷人的Java 特殊效果程序,在下面仅提供必须上载的“.class" 文件名,其他图像文件和超文本文件由用户掌握,这些Java 特殊效果程序主要包括:
  1、Anfy 3d :该程序可以实时模拟三维物体的运动,每个物体都具有阴影、材质贴图、运动模糊、烟雾等特性,该程序提供了一些预制的物体诸如球体、锥体、迷宫等等。不过该程序不支持用户自定义物体,如果你希望显示自定义物体,可以付款请程序作者代为设计制作。需要上载的3 个“.class" 文件是:anfy3d.class、Lware.class 和anfy.class。
  2、Anfy Blobs:该程序可以生成和实时演示由几束光柱的干涉而形成的光斑效果,需要上载的4 个“.class" 文件是:blob.class、blobs.class、Lware.class 和anfy.class。
  3、Blur Animator:该程序循环显示一系列的GIF/JPG 图像文件,同时计算产生带运动模糊效果的动画。各帧图像文件的大小必须相等。需要上载的3 个“.class" 文件是:Anblur. class、Lware.class、anfy.class。
  4、Book Flip:利用多幅GIF 或JPG 图像文件实现的动态图书翻页效果,非常漂亮!需要上载的3 个“.class" 文件是:bookflip.class、Lware.class、anfy.class。
  5、Bumpmapping:该程序演示了一个光源投射在凹凸不平的表面所形成的阴影效果,光源的方向将随访问者的鼠标移动。需要上载的3 个“.class" 文件是:anfybump.class、Lware.class、anfy.class。
  6、CrossFade banner:该程序利用多个图像文件展示淡入淡出的电影特技,而且每一个画面都指向一个不同的URL 页面。需要上载的3 个“.class" 文件是:AnFade.class、Lware.class、anfy.class。
  7、Cube Menu:该程序演示一个任意转动的立方体菜单,点击某个面都会转向一个URL 页面。立方体的运动方向、速度可以被访问者的鼠标控制,立方体6 个面的图像文件可由用户指定。需要上载的3 个“.class" 文件是:AnfyCube.class、Lware.class、anfy.class。
  8、Deform:该程序可以对任意的GIF 或JPG 图像进行动态变形。用户可通过修改参数来得到任意的扭曲变形效果。需要上载的3 个“.class" 文件是:Deform.class、Lware.class、anfy.class。
  9、Fire:该程序生成和动态实时地演示一个异常逼真的火焰效果,用户可以通过参数完全控制火焰的所有效果。需要上载的3 个“.class" 文件是:fire.class、Lware.class、anfy.class。
  10、Flag:该程序能够生成和动态实时演示一个的随风飘扬的旗帜。但是下一个特效程序支持任意的旗帜。用户可以通过参数改变旗帜、风力和风速。需要上载的3 个“.class" 文件是:AnFlag.class、Lware.class、anfy.class。
  11、Flag load:与上一个特效程序相比,这是一个能够加载和动态实时地演示随风飘扬的旗帜的程序,旗帜由一个GIF/JPG 文件来存储,大小为50 ×33。需要上载的3 个“.class" 文件是:FlagLoad.class、Lware.class、anfy.class。
  12、Flozoids:该程序实时模拟一个人造生命算法,展示一些到处飞动或游动的小生物群,非常逼真。用户可以通过参数改变小生物的数量、速度等特性。需要上载的2 个“.class" 文件是:flozoids.class、Lware.class。
  13、Fluid:该程序能够模拟流动的波纹,随机的雨滴落在水面上,激起朵朵浪花。用户可以通过参数改变雨滴的大小、液体的密度特性。需要上载的2 个“.class" 文件是:flud.class、Lware.class。
  14、Galaxy:该程序生成和实时模拟一个旋转变幻的银河系。用户可以通过参数改变调色板、持续时间、粒子模式等特性。需要上载的3 个“.class" 文件是:galaxy.class、Lware.class、anfy.class。
  15、Hue Rotator:该程序能够循环改变任意GIF、JPG 图像文件的色调,用户可以通过参数改变颜色变化速度、分辨率等特性。需要上载的3 个“.class" 文件是:huerot.class、Lware.class、anfy.class。
  16、IFS Fractals:该程序演示一个由递归分形几何算法得到的动态变形的分形树,用户可以设定调色板、旋转速度、分支数目等参数。需要上载的2 个“.class" 文件是:AnFract.class、Lware.class。
  17、Lake:网上流传甚广的湖中倒影特技,效果非常动人,占用内存比其他几个类似的程序更少。用户可以设定风速、风力和波浪强度等参数。需要上载的3 个“.class" 文件是:AnLake.class、Lware.class、anfy class。
  18、Lens:该程序可以模拟一个放大镜在图像文件上移动,所到之处图像的局部被放大。用户可以调整放大镜的直径和放大倍数等参数。需要上载的3 个“.class" 文件是:AnLens.class、Lware.class、anfy.class。
  19、Life2d:该程序能够生成和模拟一个二维的生命棋算法,动态演示的结果是一些单细胞生命。用户可以调整前景色、背景色、初始细胞数目等参数。需要上载的3 个“.class" 文件是:life2d.class、Lware.class、anfy.class。
  20、Mandelbrot fractal:该程序能够生成和实时模拟一个Mandelbrot 分形图形。用户可以调整初始的X、Y 值、最大最小值、调色板等参数。需要上载的3 个“.class" 文件是:mandel.class、Lware.class、anfy.class。
  21、Mosaic banner:该程序能够将若干图像文件进行分块动态替换,效果类似足球场边的翻转广告牌,用户可以设定图像文件名、不同方向的分块数目、可选的背景图像等参数。需要上载的3 个".class" 文件是:mosaic.class、Lware.class、anfy.class。
  22、Plasma:该程序能够生成和实时模拟一个等离子体效果,用户可以设定初始的生成器、各种颜色、速度等参数,需要上载的3 个".class" 文件是:Plasma3.class、Lware.class、anfy.class。
  23、ZoomRotator:该程序能够将用户预制图像边放大边旋转,得到一种奇妙的扭曲变形动态效果,图像大小必须是2 的N 次幂,例如32 ×32、64 ×64 等。需要上载的3 个“.class" 文件是:Rot2.class、Lware.class、anfy.class。
  24、Tmap Cube 3d:该程序能够将用户预制图像张贴在立方体的6 个表面,该立方体的旋转速度和方向跟随访问者的鼠标变化。用户可以设定任意的6 个图像文件、XYZ 三个方向的旋转速度、光线的位置和强度等参数。需要上载的3 个“.class" 文件是:TmapCube.class、Lware.class、anfy.class。
  25、Tunnel:该程序能够将用户预制图像作为贴图,生成一个旋转的隧道。用户可以设定图像文件、运动类型等参数。需要上载的3 个“.class" 文件是:tunnel.class、Lware.class、anfy.class。
  26、Tunnel 3d:该程序能够将用户预制图像作为贴图,生成一个边旋转边变形的三维隧道,隧道的形态变化受访问者鼠标控制。用户可以设定光源的衰减、隧道的半径、贴图文件等参数。需要上载的3 个“.class" 文件是:tunnel.class、Lware.class、anfy.class。
  27、Voxel landscape:该程序能够生成和实时演示游历一个三维数字地形,效果就像从飞机舷窗向前下方看一样,而且访问者的鼠标可以控制飞行方向和速度。用户可以设定阴影、地面粗糙程度等参数,需要上载的3 个“.class" 文件是:voxel.class、Lware.class、anfy.class。
  28、Warp:该程序可以将任意GIF、JPG 图像文件进行扭曲变形,图像大小必须是2 的N 次幂,例如32 ×32、64 ×64 等。需要上载的3 个".class" 文件是:Warp.class、Lware.class、anfy.class。
  29、Water:该程序模拟水滴落在预制图像文件构成的水面上激起的层层涟漪,给人一种宁静悠远的感受。用户可以完全控制水滴大小、液体密度、鱼的数目等参数。需要上载的3 个“.class" 文件是:AnWater.class、Lware.class、anfy class。30、Wormhole:该程序能够生成和实时模拟一个虫洞的动态效果,也可以看作是由稀疏的点阵构成的隧道。用户可以控制点阵密度、翻转速度等参数。需要上载的3 个“.class" 文件是:wormhole.class、Lware.class、anfy.class。

  四、Anfy Java 工具的使用方法

  Anfy Java 工具的操作过程属于只能引导型,使用过程非常简便快捷。用户只需经过6 个步骤就可以生成自己的主页Java 特效页面。如果用户使用工具的默认值,则方便到连续点击next 按钮就可以完成所有工作。
  1. 运行Anfy Java,进入特效程序选择窗口:

  在列表中选择适当的特殊效果,比如Lake。在此可以预览效果,点击next 进入下一步。

  2. 图像文件选择和参数设定:

  选择用户预制图像文件,用于特殊效果的处理对象。设定风速、水波速度等参数,使用默认值也可以。点击next 进入下一步。

  3. 设定滚动字幕:

  用户可以定义字幕的内容、大小、位置、速度等参数,支持中文字幕。

  4. 设定系统参数:

  设定内存、帧同步时间、浏览器提示行信息、浏览器不支持Java 提示信息、可选的前景覆盖图像文件等参数。点击next 进入下一步。

  5. 设定注册码:

  如果购买了注册码,则在此输入相关参数。点击next 进入下一步。
  6. 生成所有相关文件:

  前五步已经选择设定了必要的特殊效果程序、参数值,第六步将把所有相关的超文本文件、图像文件、Java applet 程序文件自动保存在用户指定的子目录中,方便用户上载至存放主页的服务器。

  点击copy all file to(拷贝所有文件至)按钮,可以将所有相关文件拷贝到用户指定的子目录中。

  若只需要相应的Java applet 标记代码,并手工填写到超文本文件中,则可以点击copy into clipboard(拷贝至剪贴板)。

  



※※※※※※
[楼主]  [5楼]  作者:开心&乐乐  发表时间: 2003/12/10 09:22 

最新的Anfy 2.1 简体中文版

Anfy 2.1中文版 - 包括 52 个特殊效果的applet。
可以在您的网页,桌面墙纸或屏幕保护上添加魔术般的效果,有菜单树、焰火、水面、湖面、横幅/幻灯片放映 、Anfy网络摄影机、文字卷动等效果。
免费下载,自由使用!

选择操作系统和文件下载位置:

Anfy 2.1 for Windows 95/98/ME/NT/2000/XP (5001 Kb):
- Anfy from CHINA: AnfyAnfy> · Anfy>

下载之後,访问推荐连接>!



※※※※※※


 [6楼]  作者:平山月影  发表时间: 2003/12/10 11:40 

回复:不客气了,打包~~~~~~~~
几天不见正担心呢?你父亲可安好,是否出院?
[楼主]  [7楼]  作者:开心&乐乐  发表时间: 2003/12/10 13:15 

to:谢谢关心···

    托你的福,我父亲已经顺利作完了手术并于昨日出院了!

   另:关于anfy的使用注册方法请至http://www.fannt.com/anfyfaq.asp>作详细理解。



※※※※※※
 [8楼]  作者:开心老妖  发表时间: 2003/12/10 16:46 

回复:老妖仅会做图片,对于网页来说乐乐自是高手,收藏了,谢谢乐乐!


※※※※※※
非一般的妖带给你非寻常的乐。欢迎朋友们光临我的家园 开心家园>

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名:
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.16373205184937