tag:blogger.com,1999:blog-39268733695059466172023-11-15T07:49:20.848-08:00AtomicALThe radioactive reactor cores are playing up, and only one man has the c***nes to pull off jump-starting them back up. It's tough work but somebody has to do it. Meet AL. He's Atomic.
Atomic AL is an original arcade platform game. Players familiar with classic retro arcade games will relish the challenge to get stuck into some hardcore gameplay. The super simple controls makes Atomic AL appealing to new and old players looking for a taste of a proper platform game.Anonymoushttp://www.blogger.com/profile/02221913446536569192noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3926873369505946617.post-11554385127963945642015-01-15T15:19:00.001-08:002015-07-23T15:05:49.020-07:00<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>
<script>
$(document).ready(function(){
//SCREENSHOTS
$(".imgButton").click(function(){
//on imgButton click remove class from all imgButtons then add it only to this button
$(".imgButton").removeClass("activeImgButton");
$(this).addClass("activeImgButton");
var imageNo = $(this).attr('data-index');
$(".img1").removeClass("activeImg");
$(".img2").removeClass("activeImg");
$(".img3").removeClass("activeImg");
$(".img4").removeClass("activeImg");
$(".img5").removeClass("activeImg");
$(".img" + imageNo).addClass("activeImg");
});
$("#rightOverlay").click(function(){
var imageNo;
if($(".img1").hasClass("activeImg"))
{
imageNo = 1;
} else if($(".img2").hasClass("activeImg"))
{
imageNo = 2;
} else if($(".img3").hasClass("activeImg"))
{
imageNo = 3;
} else if($(".img4").hasClass("activeImg"))
{
imageNo = 4;
} else if($(".img5").hasClass("activeImg"))
{
imageNo = 5;
}
$(".img1").removeClass("activeImg");
$(".img2").removeClass("activeImg");
$(".img3").removeClass("activeImg");
$(".img4").removeClass("activeImg");
$(".img5").removeClass("activeImg");
$(".img" + (imageNo + 1)).addClass("activeImg");
if(imageNo == 5)
{
$(".img1").addClass("activeImg");
}
$(".imgButton").removeClass("activeImgButton");
$("#imgButton" + (imageNo + 1)).addClass("activeImgButton");
if(imageNo == 5)
{
$("#imgButton1").addClass("activeImgButton");
}
});
$("#leftOverlay").click(function(){
var imageNo;
if($(".img1").hasClass("activeImg"))
{
imageNo = 1;
} else if($(".img2").hasClass("activeImg"))
{
imageNo = 2;
} else if($(".img3").hasClass("activeImg"))
{
imageNo = 3;
} else if($(".img4").hasClass("activeImg"))
{
imageNo = 4;
} else if($(".img5").hasClass("activeImg"))
{
imageNo = 5;
}
$(".img1").removeClass("activeImg");
$(".img2").removeClass("activeImg");
$(".img3").removeClass("activeImg");
$(".img4").removeClass("activeImg");
$(".img5").removeClass("activeImg");
$(".img" + (imageNo - 1)).addClass("activeImg");
if(imageNo == 1)
{
$(".img5").addClass("activeImg");
}
$(".imgButton").removeClass("activeImgButton");
$("#imgButton" + (imageNo - 1)).addClass("activeImgButton");
if(imageNo == 1)
{
$("#imgButton5").addClass("activeImgButton");
}
});
$("#imgArea").hover(function(){
//alert("hover!");
$("#overlayControls").css("opacity", 1);
},
function(){
//alert("hover off!");
$("#overlayControls").css("opacity", 0.4);
}
);
//VIDEOS
$(".videoButton").click(function(){
//on videoButton click remove class from all videoButtons then add it only to this button
$(".videoButton").removeClass("activeVideoButton");
$(this).addClass("activeVideoButton");
var videoNo = $(this).attr('data-index');
$(".video1").removeClass("activeVideo");
$(".video2").removeClass("activeVideo");
$(".video3").removeClass("activeVideo");
$(".video4").removeClass("activeVideo");
$(".video5").removeClass("activeVideo");
$(".video" + videoNo).addClass("activeVideo");
});
$("#rightVideoOverlay").click(function(){
var videoNo;
if($(".video1").hasClass("activeVideo"))
{
videoNo = 1;
} else if($(".video2").hasClass("activeVideo"))
{
videoNo = 2;
} else if($(".video3").hasClass("activeVideo"))
{
videoNo = 3;
} else if($(".video4").hasClass("activeVideo"))
{
videoNo = 4;
} else if($(".video5").hasClass("activeVideo"))
{
videoNo = 5;
}
$(".video1").removeClass("activeVideo");
$(".video2").removeClass("activeVideo");
$(".video3").removeClass("activeVideo");
$(".video4").removeClass("activeVideo");
$(".video5").removeClass("activeVideo");
$(".video" + (videoNo + 1)).addClass("activeVideo");
if(videoNo == 5)
{
$(".video1").addClass("activeVideo");
}
$(".videoButton").removeClass("activeVideoButton");
$("#videoButton" + (videoNo + 1)).addClass("activeVideoButton");
if(videoNo == 5)
{
$("#videoButton1").addClass("activeVideoButton");
}
});
$("#leftVideoOverlay").click(function(){
var videoNo;
if($(".video1").hasClass("activeVideo"))
{
videoNo = 1;
} else if($(".video2").hasClass("activeVideo"))
{
videoNo = 2;
} else if($(".video3").hasClass("activeVideo"))
{
videoNo = 3;
} else if($(".video4").hasClass("activeVideo"))
{
videoNo = 4;
} else if($(".video5").hasClass("activeVideo"))
{
videoNo = 5;
}
$(".video1").removeClass("activeVideo");
$(".video2").removeClass("activeVideo");
$(".video3").removeClass("activeVideo");
$(".video4").removeClass("activeVideo");
$(".video5").removeClass("activeVideo");
$(".video" + (videoNo - 1)).addClass("activeVideo");
if(videoNo == 1)
{
$(".video5").addClass("activeVideo");
}
$(".videoButton").removeClass("activeVideoButton");
$("#videoButton" + (videoNo - 1)).addClass("activeVideoButton");
if(videoNo == 1)
{
$("#videoButton5").addClass("activeVideoButton");
}
});
$("#videoArea").hover(function(){
//alert("hover!");
$("#overlayVideoControls").css("opacity", 1);
},
function(){
//alert("hover off!");
$("#overlayVideoControls").css("opacity", 0.4);
}
);
});
</script>
<style>
.screenFrame{
background-image: url(https://dl.dropboxusercontent.com/s/x4ra5eavudmvuna/ScreenFrame.png?dl=0);
background-size: 755px 660px;
position:absolute;
left: 86px;
top: 50px;
height:660px;
width:755px;
}
.controlsFrame{
background-image: url("https://dl.dropboxusercontent.com/s/o830redoubnzpxa/ButtonFrame.png?dl=0");
background-size: 369px 82px;
}
.textSection{
-moz-user-select: text !important;
margin-left: 100px;
width: 730px;
line-height: 1;
font-family: "Roboto Condensed",sans-serif;
font-weight: 700;
}
.ALtext {
margin-left: 100px;
width: 350px;
line-height: 1;
font-family: "Roboto Condensed",sans-serif;
font-weight: 700;
-moz-user-select: text !important;
}
.ALtext p{
font-size:20px;
}
.textSection p{
font-size:20px;
}
.ALimage{
background-image: url("https://dl.dropboxusercontent.com/s/evbabu6ymyo0623/AL1.png?dl=0");
background-size: 500px auto;
display: inline-block;
height: 500px;
left: 425px;
position: absolute;
top: 610px;
width: 500px;
}
.img1{
background-image: url(https://dl.dropboxusercontent.com/s/93z7jp25ktrmvp7/AtomicALScreenshot1.jpg?dl=0);
background-size: contain;
left: 287px;
width: 354px;
height:600px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.img2{
background-image: url(https://dl.dropboxusercontent.com/s/4ixb9ybaf4sw0y7/AtomicALScreenshot2.jpg?dl=0);
background-size: contain;
left: 287px;
width: 354px;
height:600px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.img3{
background-image: url(https://dl.dropboxusercontent.com/s/7by75ujxtkl4vjt/AtomicALScreenshot3.jpg?dl=0);
background-size: contain;
left: 287px;
width: 354px;
height:600px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.img4{
background-image: url(https://dl.dropboxusercontent.com/s/i34xl9pliu7mkk9/AtomicALScreenshot4.jpg?dl=0);
background-size: contain;
left: 287px;
width: 354px;
height:600px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.img5{
background-image: url(https://dl.dropboxusercontent.com/s/gy9bd6xtdsmmobd/AtomicALScreenshot5.jpg?dl=0);
background-size: contain;
left: 287px;
width: 354px;
height:600px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.activeImg{
opacity: 1 !important;
}
.imgButton{
cursor:pointer;
display:inline-block;
width: 64px;
height:64px;
background-image:url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: -26px 91px;
background-size: 354px 354px;
}
.imgButton.activeImgButton{
background-position: -264px 91px !important;
}
.imgButton:hover{
background-position: -145px 91px;
}
#overlayControls{
top:241px;
position:relative;
cursor:pointer;
opacity: 0.4;
transition: opacity 0.2s ease-in-out 0s;
}
#leftOverlay{
width: 100px;
height: 118px;
background-image:url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: 0px -118px;
position: absolute;
padding-right:18px;
}
#rightOverlay{
width: 100px;
height: 118px;
background-image: url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: 0px 0px;
position: absolute;
left:582px;
padding-right:18px;
}
#leftOverlay:hover{
background-position: -118px -118px;
}
#rightOverlay:hover{
background-position: -118px 0px;
}
#leftOverlay:active{
background-position: -236px -118px;
}
#rightOverlay:active{
background-position: -236px 0px;
}
.video{
width: 700px;
height:500px;
position: absolute;
}
.video1{
width: 700px;
height:500px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.video2{
width: 700px;
height:500px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.video3{
width: 700px;
height:500px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.video4{
width: 700px;
height:500px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.video5{
width: 700px;
height:500px;
opacity:0;
transition: opacity 0.5s ease-in-out 0s;
position: absolute;
}
.activeVideo{
opacity: 1 !important;
z-index:10;
}
.videoButton{
cursor:pointer;
display:inline-block;
width: 64px;
height:64px;
background-image:url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: -26px 91px;
background-size: 354px 354px;
}
.videoButton.activeVideoButton{
background-position: -264px 91px !important;
}
.videoButton:hover{
background-position: -145px 91px;
}
#overlayVideoControls{
top:191px;
position:relative;
cursor:pointer;
opacity:0.4;
transition: opacity 0.2s ease-in-out 0s;
z-index:11;
}
#leftVideoOverlay{
width: 100px;
height: 118px;
background-image:url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: 0px -118px;
position: absolute;
padding-right:18px;
}
#rightVideoOverlay{
width: 100px;
height: 118px;
background-image: url("https://dl.dropboxusercontent.com/s/hyu84x01llw1q3w/WebsiteButtons.png?dl=0");
background-position: 0px 0px;
position: absolute;
left:582px;
padding-right:18px;
}
#leftVideoOverlay:hover{
background-position: -118px -118px;
}
#rightVideoOverlay:hover{
background-position: -118px 0px;
}
#leftVideoOverlay:active{
background-position: -236px -118px;
}
#rightVideoOverlay:active{
background-position: -236px 0px;
}
.customTitle{
background-repeat: no-repeat;
background-position: center top;
height: 75px;"
}
#screenshotTitle{
background-image: url("https://dl.dropboxusercontent.com/s/10134miew6qyxn7/TitleScreenShots.png?dl=0");
background-size: 500px auto;
}
#trailerTitle{
background-image: url("https://dl.dropboxusercontent.com/s/mrkwo1nh8mi1d8j/TitleTrailer.png?dl=0");
background-size: 280px auto;
}
#gameplayTitle{
background-image: url("https://dl.dropboxusercontent.com/s/thoxglxj1n7fxg0/TitleGameplay.png?dl=0");
background-size: 335px auto;
}
#contactusTitle{
background-image: url("https://dl.dropboxusercontent.com/s/hmc5034mnp0t9zl/TitleContactUs.png?dl=0");
background-size: 415px auto;
}
.spacer{
height:60px;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<div class="video-section noselect">
<div id="trailerTitle" class="customTitle"></div>
<div class="screenFrame" style="background-size: 749px 550px; height: 550px; left: 90px;"> </div>
<div id="trailerArea" style="width:700px; height: 500px; background: black; margin-left: auto; margin-right:auto">
<iframe class="video" src="//player.vimeo.com/video/126078026?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="spacer"></div>
</div>
<div class="meetAL-section noselect">
<div class="ALtext">
<h1 style="width:500px">Hey I'm AL. I'm Atomic!</h1>
<p>Introducing the juiciest new platformer available on mobile; fill your phone to the brim with original challenging fun!</p>
<p>Help AL jumpstart the ReactorCores and get him to safety as they fill up with toxic acid.</p>
<p>Designed specifically for mobile phones, the 2 button (jump and climb) input allows players to
comfortably tackle insanely challenging obstacles, and by pressing both buttons, Al performs a superjump!</p>
<p>If you like your video game heroes handsome, buff and sporting a wicked sick moustache, then what
are you waiting for? Download now!</p>
</div>
<div class="ALimage">
</div>
<div class="spacer"></div>
</div>
<div class="picture-gallery noselect">
<div id="screenshotTitle" class="customTitle"></div>
<div class="screenFrame" style="top: 1186px;"> </div>
<div id="imgArea" style="width:708px; height: 600px; background: black; margin-left: auto; margin-right:auto">
<span class="img1 activeImg"></span>
<span class="img2"></span>
<span class="img3"></span>
<span class="img4"></span>
<span class="img5"></span>
<div id="overlayControls">
<div id="leftOverlay"></div>
<div id="rightOverlay"></div>
</div>
</div>
<div class="controlsFrame" style="width:354px; height: 70px; margin-left: auto; margin-right:auto; padding-left:14px; padding-top:10px;">
<span id="imgButton1" class="imgButton activeImgButton" data-index="1"></span>
<span id="imgButton2" class="imgButton" data-index="2"></span>
<span id="imgButton3" class="imgButton" data-index="3"></span>
<span id="imgButton4" class="imgButton" data-index="4"></span>
<span id="imgButton5" class="imgButton" data-index="5"></span>
</div>
<div class="spacer"></div>
</div>
<div class="video-section noselect">
<div id="gameplayTitle" class="customTitle"></div>
<div class="screenFrame" style="background-size: 749px 550px; height: 550px; left: 90px; top: 1996px;"> </div>
<div id="videoArea" style="width:700px; height: 500px; background: black; margin-left: auto; margin-right:auto">
<iframe class="video1 activeVideo" src="//player.vimeo.com/video/127075317?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe class="video2" src="//player.vimeo.com/video/127075326?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe class="video3" src="//player.vimeo.com/video/127075316?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe class="video4" src="//player.vimeo.com/video/127075324?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe class="video5" src="//player.vimeo.com/video/127075323?autoplay=0&loop=1&color=3ee700" width="300" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div id="overlayVideoControls">
<div id="leftVideoOverlay"></div>
<div id="rightVideoOverlay"></div>
</div>
</div>
<div class="controlsFrame" style="width:354px; height: 70px; margin-left: auto; margin-right:auto; padding-left:14px; padding-top:10px;">
<span id="videoButton1" class="videoButton activeVideoButton" data-index="1"></span>
<span id="videoButton2" class="videoButton" data-index="2"></span>
<span id="videoButton3" class="videoButton" data-index="3"></span>
<span id="videoButton4" class="videoButton" data-index="4"></span>
<span id="videoButton5" class="videoButton" data-index="5"></span>
</div>
<div class="spacer"></div>
</div>
<div class="contactus-section noselect">
<div id="contactusTitle" class="customTitle"></div>
<div class="textSection" style="line-height: 1;">
<p>We'd love to hear your thoughts on the game whether positive (e.g. "This game's so good!") or negative (e.g. "This game's so good, all other games will be dull in comparison now"). Get in touch with us below, by e-mail or Twitter: </p>
<p style="display:inline-block;">Email:</p><a href="mailto:sam@gaffergames.com"> sam@gaffergames.com</a>
<div>
<a href="https://twitter.com/AtomicALGame" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @AtomicALGame</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/02221913446536569192noreply@blogger.com