上次我们讲了如何让静态角色变得动态。今天我们要讲的是如何让人物动起来。因为这次讲座涉及到上一次讲座的内容，所以我在底部写了上一次讲座的链接：1。图片准备今天我要换一些图片，比较新鲜。

这些材料还是来自《三国志曹操传》。如果我没记错的话，应该是曹操的材料。接下来，我想结合最后一个技巧告诉大家如何让人动起来。然而，今天我们把重点放在如何使人动起来，因为我们在上一节课中谈到了如何使人从静态变为动态。二、代码解释先看总的javascript代码：复制代码如下： var movelengtleft=0；var movelength top=0；var actionST=0；可变时间间隔=150；var pic=0；函数action() { var pic1='。/pic2 . png '；var pic2='。/pic3 . png '；var pic3='。/pic1 . png '；var actionArray=[pic1，pic2，pic3]；var doc=document . getelementbyid(' ID _ IMG _草草')；if(pic==actionarray . length-2){ pic=0；} else { pic=1；} if(pic 2){ pic=2；doc.src='。/pic1 . png ' } doc . src=actionArray[pic]；}函数walk() { setInterval(action，time interval)；for(var I=0；i 100I) {$ ('# id _ img _曹操')。animate({ margin lef : movelengtleft }，10，function(){//使用jquery中的animate来控制人的行走actionSTif(actionST==100){ stand草草()；} });//动画完成后调用回调。您可以将函数放在回调中。$(' # ID _ IMG _草草')。动画({marginTop: moveLengthTop}，10)；movelengtleft=2；movelength top=1；} }函数stand草草(){ pic=2；}本地分析如下：复制代码如下：function action () {varpic1='。/pic2 . png '；var pic2='。/pic3 . png '；var pic3='。/pic1 . png '；var actionArray=[pic1，pic2，pic3]；var doc=document . getelementbyid(' ID _ IMG _草草')；if(pic==actionarray . length-2){ pic=0；} else { pic=1；} if(pic 2){ pic=2；doc.src='。/pic1 . png ' } doc . src=actionArray[pic]；}上节课已经提到了上面的代码，今天就不再多问了，只说如何感动人。首先，要使对象移动，我们必须想到jquery，但今天我们将使用它的一个功能：动画。再看一遍代码：复制代码如下：函数walk () {setinterval (action，time interval)；for(var I=0；i 100I) {$ ('# id _ img _曹操')。animate({ margin lef : movelengtleft }，10，function(){//使用jquery中的animate来控制人的行走actionSTif(actionST==100){ stand草草()；} });//动画完成后调用回调。您可以将函数放在回调中。$(' # ID _ IMG _草草')。动画({marginTop: moveLengthTop}，10)；movelengtleft=2；movelength top=1；}}这些代码主要在回调和动画中可以实现人的移动和停止。回调主要是让人停下，动画主要是让人动起来。一般animate的语法是：animate({css代码更改}、完成时间、回调)；详见：//www . JB 51 . net/w3school/jquery/jquery _ effects.htm。里面还有很多其他的jquery函数，所以你可以了解更多。当然，动画很明显，但是回调呢？最初，它隐藏在动画中。复制的代码如下：function(){ //使用jquery中的animate来控制人物行走actionSTif(actionST==100){ stand草草()；} });//动画完成后调用回调。您可以将函数放在回调中。这段代码是回调。只有我们把他的位置放在函数上，所以不是很明显。回调：//www . JB 51 . net/w3school/jquery/jquery _ callback.htm的一些教程也有一系列代码：复制的代码如下：函数stand曹操(){ pic=2；}此代码主要用于将动态字符转化为静态字符。当这个动作停止时，角色的动作就消失了。下载源代码：(包括一个jquery-1.8.0.js文件)。三、示范效果是：。

然后：。

最后：

后记一、人的行走和运动是游戏制作必不可少的环节，选择好的算法和功能是成功的关键。下一次我们将学习如何用js模仿《三国志曹操传》人物的剧情对话。请向前看！希望大家多多支持我，谢谢。我会用更好的文章回报你。