var xpos = 300;
var ypos = 200;
var anime = 0;
var frame = 0;
var framespan = 500;
var UP_ANIME_001 = "tentoumushi/images/up001.png";
var UP_ANIME_002 = "tentoumushi/images/up002.png";
var UP_ANIME_003 = "tentoumushi/images/up003.png";
var UP_ANIME_004 = "tentoumushi/images/up004.png";
var RIGHT_ANIME_001 = "tentoumushi/images/right001.png";
var RIGHT_ANIME_002 = "tentoumushi/images/right002.png";
var RIGHT_ANIME_003 = "tentoumushi/images/right003.png";
var RIGHT_ANIME_004 = "tentoumushi/images/right004.png";
var LEFT_ANIME_001 = "tentoumushi/images/left001.png";
var LEFT_ANIME_002 = "tentoumushi/images/left002.png";
var LEFT_ANIME_003 = "tentoumushi/images/left003.png";
var LEFT_ANIME_004 = "tentoumushi/images/left004.png";
var DOWN_ANIME_001 = "tentoumushi/images/down001.png";
var DOWN_ANIME_002 = "tentoumushi/images/down002.png";
var DOWN_ANIME_003 = "tentoumushi/images/down003.png";
var DOWN_ANIME_004 = "tentoumushi/images/down004.png";
function move() {
if(Math.random() < 0.1){
var randNum = Math.random();
if(randNum < 0.25){
// UP
anime = 1;
}else if(randNum < 0.5){
// RIGHT
anime = 2;
}else if(randNum < 0.75){
// LEFT
anime = 3;
}else{
// DOWN
anime = 0;
}
}
switch(anime){
case 1:
// UP
if(frame == 0){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 1){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 2){
document.getElementById("mascot").innerHTML = "
";
}else{
document.getElementById("mascot").innerHTML = "
";
}
break;
case 2:
// RIGHT
if(frame == 0){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 1){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 2){
document.getElementById("mascot").innerHTML = "
";
}else{
document.getElementById("mascot").innerHTML = "
";
}
break;
case 3:
// LEFT
if(frame == 0){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 1){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 2){
document.getElementById("mascot").innerHTML = "
";
}else{
document.getElementById("mascot").innerHTML = "
";
}
break;
default:
// DOWN
if(frame == 0){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 1){
document.getElementById("mascot").innerHTML = "
";
}else if(frame == 2){
document.getElementById("mascot").innerHTML = "
";
}else{
document.getElementById("mascot").innerHTML = "
";
}
break;
}
// UP
if(anime == 1){
if(ypos >= 5){
ypos -= 5;
}
// RIGHT
}else if(anime == 2){
if(screen.width > xpos+5){
xpos += 5;
}
// LEFT
}else if(anime == 3){
if(xpos >= 5){
xpos -= 5;
}
// DOWN
}else{
if(screen.height > xpos+5){
ypos += 5;
}
}
document.getElementById("mascot").style.top = ypos;
document.getElementById("mascot").style.left = xpos;
frame++;
if(frame > 3){
frame=0;
}
moveTimer = setTimeout("move()", framespan);
}
function push(){
// 上に移動
if(anime == 1){
if(ypos >= 20){
ypos -= 20;
document.getElementById("mascot").style.top = ypos;
}
// 右に移動
}else if(anime == 2){
if(screen.width > xpos+20){
xpos += 20;
document.getElementById("mascot").style.left = xpos;
}
// 左に移動
}else if(anime == 3){
if(xpos >= 20){
xpos -= 20;
document.getElementById("mascot").style.left = xpos;
}
// 下に移動
}else{
if(screen.height > xpos+20){
ypos += 20;
document.getElementById("mascot").style.top = ypos;
}
}
}
moveTimer = setTimeout("move()", framespan);