javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来_javascript技巧

var picSub = 0;

var time = 150; //时间间隔(毫秒)

var pic1 = "./01.png";
var pic2 = "./02.png";
var pic3 = "./03.png";
var pic4 = "./01.png";
var picArr = [pic1, pic2, pic3, pic4]; //定义数组，并将图片的位置所对应的变量放入其中

setInterval(changeImg, time); //使图片按一定时间切换

function changeImg()
{
var xElem = document.getElementById("ID_IMG_ROLE");

if(picSub == picArr.length-1){
picSub = 0;
}else{
picSub += 1;
} //判断是否超出数组长度，若超出，便使数组下标归0,使其不超出

xElem.src = picArr[picSub]; //切换图片
}

function changeFight()
{
pic1 = "./fight01.png";
pic2 = "./fight02.png";
pic3 = "./fight03.png";
pic4 = "./fight04.png";

picArr = [pic1, pic2, pic3, pic4];

setTimeout(reduction, 600);
}

function reduction()
{
pic1 = "./01.png";
pic2 = "./02.png";
pic3 = "./03.png";
pic4 = "./01.png";
picArr = [pic1, pic2, pic3, pic4];
}

var xElem = document.getElementById("ID_IMG_ROLE");

if(picSub == picArr.length-1){
picSub = 0;
}else{
picSub += 1;
} //判断是否超出数组长度，若超出，便使数组下标归0,使其不超出

xElem.src = picArr[picSub]; //切换图片