No codigo que se segue abaixo vc tem o jogo do printscrenn acima fique a vontade pra aprimorar o código
<style>
img.finn { height: 200; width: 160; position: absolute; top: 100; left: 50;}
</style>
<html>
<body>
<img src="rdoce1.jpg" style="border: 5px solid; border-style: outset; border-color: gold; position: absolute; top: 10; left: 10; -webkit-border-radius: 2%;">
<img src="grama1.png" style="position: absolute; top: 15; left: 15; ">
<img src="jujuba.png" style="position: absolute; top: 130; left: 0; ">
<img src="finn.png">
<img src="azule.png" style="border: 5px solid; border-style: outset; border-color: gold; position: absolute; top: 60; left: 530; -webkit-border-radius: 50%;">
<img src="azulc.png" style="border: 5px solid; border-style: outset; border-color: gold; position: absolute; top: 130; left: 530; -webkit-border-radius: 50%;">
<img src="verde.png" style="border: 5px solid; border-style: outset; border-color: gold; position: absolute; top: 200; left: 530; -webkit-border-radius: 50%;">
<img src="verde.png" style="position: absolute; top: 180; left: 450; ">
<table style="position: absolute; top: 20; left: 20; background-color: black;">
<tr><td>
</td></tr>
</table>
<script>
var x = 140;
var y = 100;
function AddMonstro(){
setInterval(function(){
document.getElementById("M").innerHTML="<marquee>+<img src='monstro5.jpg'>+</marquee>";
}, 3000);
}
function atk(){
setTimeout(function(){
document.getElementById("finn1").src = "atk3.png";
}, 60),
setTimeout(function(){
document.getElementById("finn1").src = "finn.png";
}, 70);
}
function chuta(){
setTimeout(function(){
document.getElementById("finn1").src = "finnchute.jpg";
}, 60),
setTimeout(function(){
document.getElementById("finn1").src = "finn.png";
}, 70);
}
function atk2(){
setTimeout(function(){
document.getElementById("finn1").src = "finnchute.jpg";
}, 60),
setTimeout(function(){
document.getElementById("finn1").src = "finn.png";
}, 70);
}
</script>
</body>
</html>
