CARGO CULT A walk on the set

It's time to join the "Steve" .gif animations with the Javascript code of the previous post.

First I have to get with Gimp, the 4 images necessary to allow Steve to move freely back and forth.

You also need to make some changes to the JavaScript code (which I shared a few posts ago) to load the gif and png steve at the right time.

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);

}

And the "game" is done !!
I'm kidding...

Here the code.

In fact we are not even 1% of the work needed to get the publication on Play Store or at least that's what I would say thinking about the work I did to get to publish the game CARGO Cult.

 CARGO Google Play