为网页添加动画精灵

数码时尚

  如果你拥有自己的个人主页,想不想在网页中添加类似OFFICE的动画精灵呢?别以为这是一件不可思议的事情,利用Microsoft Agent技术,可以轻松打造个性化的动画精灵网页(见图)。

  Microsoft Agent是微软开发的一种用于改善和增强用户界面的ActiveX控件,我们可通过编程实现对Agent控件的调用,也可以在网页中使用Java Script或VB Script语言调用。动画人物是调用Windows系统中的Agentsvr.exe文件实现的,所以对网页浏览速度没有任何影响。Agent动画精灵支持丰富的动画角色、动画表情和动作,还可以让精灵朗读文字(只能朗读英文),让精灵执行预定任务等等。

  下面就来看一个简单的例子,用文本编辑器编辑以下这个HTML文件。

  <HTML>

  <HEAD><TITLE>AGENT动画精灵示范页面</TITLE></HEAD>

  <BODY>

  <OBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F></OBJECT>

  <SCRIPT>

  var PeedyID;

  var PeedyACS;

  sims.Connected = true;

  PeedyLoaded = LoadLocalAgent(PeedyID, PeedyACS);

  Peedy = sims.Characters.Character(PeedyID);

  Peedy.Show();

  Peedy.Play("Surprised");

  Peedy.Speak("你好!咦,这是哪里?~!");

  Peedy.Play("Confused");

  Peedy.MoveTo(600,200);

  Peedy.Speak("太棒了!!");

  Peedy.Play("LookUp");

  Peedy.Play("Surprised");

  Peedy.Speak("原来是《电脑报》网站");

  Peedy.Play("Search");

  Peedy.MoveTo(200,400);

  Peedy.Speak("我灌水去了~~~88~~");

  Peedy.Play("Wave");

  Peedy.Hide();

  function LoadLocalAgent(CharID, CharACS){

  LoadReq = sims.Characters.Load(CharID, CharACS);

  return(true);

  }

  </SCRIPT>

  </BODY>

  </HTML>

  在浏览器中打开这个网页,精灵首先从页面左上角“钻”出来向用户问好,并通过提示条显示文字信息,然后飞到屏幕右侧表演一番,最后飞到屏幕左下角与用户挥手告别,其间还有丰富多彩的表情特写。

  这一连串动作是如何实现的呢?关于调用Agent的语句、语法,初学者暂时不必去深究,这里主要介绍一下Agent的几种常见的方法、动作。这段代码主要使用了以下5种方法:

  1.show方法:也就是代码中的“Peedy.Show();”,其作用是显示动画人物;

  2.hide方法:也就是代码中的“Peedy.Hide();”,其作用是隐藏动画人物;

  3.speak方法:使用格式为“Peedy.Speak("text");”,其作用为显示和朗读文字,但只能朗读英文;

  4.play方法:使用格式为“Peedy.Play("动作词");”,其作用是让精灵执行对应的动作,其中的动作词有:Search(寻找)、Confused(迷惑)、Think(思考)、LookLeft(向左看)、Wave(挥手)等等。

  5.move to方法:使用格式为“Peedy.MoveTo(x,y);”,其作用是让精灵移动到屏幕上坐标为(x,y)的位置。

  熟悉以上Agent的方法和动作后,便能举一反三修改代码,并应用到自己的网页中去。当然,Agent精灵动画还可实现更多丰富和精彩的功能,调用Agent的方法也比较复杂,有兴趣的朋友请参考有关资料进一步学习。