sabato 8 ottobre 2016

CARGO CULT A spasso sul set

E' giunto il momento di unire le animazioni .gif di "Steve" con il codice Javascript  del post precedente.

Prima di tutto devo ricavare con Gimp, le 4 immagni necessarie per permettere a Steve di muoversi liberamente avanti e indietro.

Bisogna anche fare qualche modifica al codice  javascript (che ho condiviso qualche  post fa) per caricare le gif e le png di steve nel momento giusto.

function addSteve(aspect)
{
if (steve==null){
steve = new Image();
steve = document.createElement('img');
steve.id = 'steve';
steve.setAttribute("src", aspect);
steve.style.cssText = 'position:absolute;top:'+steveTop+'%;left:'+stevePosX+'%;height:'+steveHeight+'%;width:auto;pointer-events:none;opacity:1;z-index:100;';
document.body.appendChild(steve);
}else{
steve.style.cssText = 'position:absolute;top:'+steveTop+'%;left:'+stevePosX+'%;height:'+steveHeight+'%;width:auto;pointer-events:none;opacity:1;z-index:100;';
}
}

function startWalking()
{
if (steve!=null){
useWith='';
stopWalking();
if (parseFloat(steve.style.left) > steveMoveToX){
steveMoveDir = "left";
steveAspect = "img/mainfigure/steveleft.gif";
}else{
steveMoveDir = "right";
steveAspect = "img/mainfigure/steveright.gif";
}
steve.setAttribute("src", steveAspect);
myWalk = setInterval(walkHandler, 30);
}
}

function stopWalking()
{
clearInterval(myWalk);
if (steveMoveDir == "left"){
steveAspect = "img/mainfigure/steveleftstand.png";
}else{
steveAspect = "img/mainfigure/steverightstand.png";
}
steve.setAttribute("src", steveAspect);
}

E il "gioco" è fatto!!
Si fa per dire...

Qui il codice.

In realtà siamo neanche al 1% del lavoro necessario per arrivare alla pubblicazione sul Play Store o almeno questo è quello che mi sento di dire ripensando al lavoro che ho fatto per arrivare a pubblicare il gioco CARGO Cult.


 CARGO Google Play