falso
/
paradise.js
mirror of https://github.com/falsovsky/paradise.js.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Change line endings to unix

This commit is contained in:
Pedro de Oliveira 2016-10-17 18:38:35 +01:00
parent e9f18446d9
commit 41cfaaf791
3 changed files with 301 additions and 317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
index.html
View File

@ -1,35 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Paradise Café</title> <title>Paradise Café</title>
<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link href="paradise.css" media="screen" rel="stylesheet" type="text/css"> <link href="paradise.css" media="screen" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>
<p class="center"><img src="paradise.gif"></p> <p class="center"><img src="paradise.gif"></p>
<div id="canvasDiv" class="center main"></div> <div id="canvasDiv" class="center main"></div>
<div id="infoDiv" class="center"> <div id="infoDiv" class="center">
Teclas: Teclas:
<ul> <ul>
<li>c - anal</li> <li>c - anal</li>
<li>f - vaginal</li> <li>f - vaginal</li>
<li>b - oral</li> <li>b - oral</li>
</ul> </ul>
</div> </div>
<div id="infoTouchDiv" class="center"> <div id="infoTouchDiv" class="center">
Acções: Acções:
<ul id="touch-elems"> <ul id="touch-elems">
<li id="67">anal</li> <li id="67">anal</li>
<li id="70">vaginal</li> <li id="70">vaginal</li>
<li id="66">oral</li> <li id="66">oral</li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="paradise.js"></script> <script type="text/javascript" src="paradise.js"></script>
<script type="text/javascript"> <script type="text/javascript">
prepareCanvas(document.getElementById("canvasDiv"), 512, 272); prepareCanvas(document.getElementById("canvasDiv"), 512, 272);
</script> </script>
</body> </body>
</html> </html>

76
paradise.css
View File

@ -1,38 +1,38 @@
body { body {
background-color: #0000C8; background-color: #0000C8;
color: #FFF; color: #FFF;
overflow: hidden; overflow: hidden;
} }
p.center { p.center {
text-align:center; text-align:center;
} }
div.main { div.main {
border-style: solid; border-style: solid;
border-color: #C80000; border-color: #C80000;
height: 272px; height: 272px;
} }
div.center { div.center {
width: 512px; width: 512px;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
} }
/*MOBILE STUFF*/ /*MOBILE STUFF*/
#touch-elems li { #touch-elems li {
width: 100%; width: 100%;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
cursor: pointer; cursor: pointer;
} }
@media only screen and (max-width:512px) { @media only screen and (max-width:512px) {
div.main { div.main {
zoom: 0.6; zoom: 0.6;
} }
} }

474
paradise.js
View File

@ -1,246 +1,230 @@
var canvas; var canvas;
var context; var context;
var images = {}; var images = {};
var totalResources = 0; var totalResources = 0;
var numResourcesLoaded = 0; var numResourcesLoaded = 0;
var selected = 0; var selected = 0;
var frame = 0; var frame = 0;
var strokes = 0; var strokes = 0;
var myTimer; var myTimer;
function reset() { function reset() {
selected = 0; selected = 0;
frame = 0; frame = 0;
strokes = 0; strokes = 0;
room(); room();
} }
function doAction(actionID) {
/** if(selected === 0) {
* @author cc switch(actionID) {
* Unified func for keydown and touch events case 70:
*/ selected = 1;
function doAction(actionID) { context.drawImage(images["balloon_vaginal"], 0, 0);
setTimeout(vaginal, 2500);
if(selected === 0) { break;
case 67:
switch(actionID) { selected = 1;
case 70: context.drawImage(images["balloon_anal"], 0, 0);
selected = 1; setTimeout(anal, 2500);
context.drawImage(images["balloon_vaginal"], 0, 0); break;
setTimeout(vaginal, 2500); case 66:
break; selected = 1;
case 67: context.drawImage(images["balloon_oral"], 0, 0);
selected = 1; setTimeout(oral, 2500);
context.drawImage(images["balloon_anal"], 0, 0); break;
setTimeout(anal, 2500); }
break; }
case 66: }
selected = 1;
context.drawImage(images["balloon_oral"], 0, 0); function prepareCanvas(canvasDiv, canvasWidth, canvasHeight)
setTimeout(oral, 2500); {
break; // Create the canvas (Neccessary for IE because it doesn't know what a canvas element is)
} canvas = document.createElement('canvas');
} canvas.setAttribute('width', canvasWidth);
} canvas.setAttribute('height', canvasHeight);
canvas.setAttribute('id', 'canvas');
function prepareCanvas(canvasDiv, canvasWidth, canvasHeight) canvasDiv.appendChild(canvas);
{
// Create the canvas (Neccessary for IE because it doesn't know what a canvas element is) if(typeof G_vmlCanvasManager != 'undefined') {
canvas = document.createElement('canvas'); canvas = G_vmlCanvasManager.initElement(canvas);
canvas.setAttribute('width', canvasWidth); }
canvas.setAttribute('height', canvasHeight); context = canvas.getContext("2d"); // Grab the 2d canvas context
canvas.setAttribute('id', 'canvas'); // Note: The above code is a workaround for IE 8and lower. Otherwise we could have used:
canvasDiv.appendChild(canvas); // context = document.getElementById('canvas').getContext("2d");
if(typeof G_vmlCanvasManager != 'undefined') { //Check device
canvas = G_vmlCanvasManager.initElement(canvas); if (navigator.userAgent.match(/Android/i) ||
} navigator.userAgent.match(/iPhone|iPad|iPod/i) ||
context = canvas.getContext("2d"); // Grab the 2d canvas context navigator.userAgent.match(/IEMobile/i)) {
// Note: The above code is a workaround for IE 8and lower. Otherwise we could have used: document.getElementById("infoDiv").style.display = "none";
// context = document.getElementById('canvas').getContext("2d"); var elems = document.getElementById("touch-elems").getElementsByTagName("li");
for(var i = 0; i < elems.length; i++) {
elems[i].addEventListener("click", function(e) {
/** doAction( parseInt(e.target.id) );
* @author: cc }, true);
* Do device validation, fix layout and assign their events }
*/ } else { //is desktop
document.getElementById("infoTouchDiv").style.display = "none";
//Check device window.addEventListener('keydown', function(e) {
if( navigator.userAgent.match(/Android/i) || doAction(e.keyCode);
navigator.userAgent.match(/iPhone|iPad|iPod/i) || }, true);
navigator.userAgent.match(/IEMobile/i) ) { //is mobile }
document.getElementById("infoDiv").style.display = "none"; var myImages = [
var elems = document.getElementById("touch-elems").getElementsByTagName("li"); "room", "whore", "hero", "balloon_choose",
for(var i = 0; i < elems.length; i++) {
elems[i].addEventListener("click", function(e) { "balloon_vaginal", "balloon_oral", "balloon_anal",
doAction( parseInt(e.target.id) ); "vaginal_base", "vaginal_frame1", "vaginal_frame2",
}, true); "vaginal_balloon_venho",
}
} else { //is desktop "anal_base", "anal_frame1", "anal_frame2", "anal_balloon_grosso",
"anal_balloon_clear", "anal_balloon_aaaa",
document.getElementById("infoTouchDiv").style.display = "none";
window.addEventListener('keydown', function(e) { "oral_base", "oral_frame1", "oral_frame2", "oral_balloon_chupa"
doAction(e.keyCode); ];
}, true);
} totalResources = myImages.length;
var myImages = [ for (var i = 0; i < totalResources; i++) {
"room", "whore", "hero", "balloon_choose", loadImage(myImages[i]);
}
"balloon_vaginal", "balloon_oral", "balloon_anal", }
"vaginal_base", "vaginal_frame1", "vaginal_frame2", function loadImage(name)
"vaginal_balloon_venho", {
images[name] = new Image();
"anal_base", "anal_frame1", "anal_frame2", "anal_balloon_grosso", images[name].onload = function() {
"anal_balloon_clear", "anal_balloon_aaaa", resourceLoaded();
}
"oral_base", "oral_frame1", "oral_frame2", "oral_balloon_chupa" images[name].src = name + ".png";
]; }
totalResources = myImages.length; function resourceLoaded()
{
for (var i = 0; i < totalResources; i++) { numResourcesLoaded += 1;
loadImage(myImages[i]); if(numResourcesLoaded === totalResources) {
} room();
} }
}
function loadImage(name)
{ function room() {
images[name] = new Image(); canvas.width = canvas.width;
images[name].onload = function() {
resourceLoaded(); context.drawImage(images["room"], 0, 0);
} context.drawImage(images["whore"], 0, 0);
images[name].src = name + ".png"; context.drawImage(images["hero"], 0, 0);
} context.drawImage(images["balloon_choose"], 0, 0);
}
function resourceLoaded()
{ function vaginal() {
numResourcesLoaded += 1; canvas.width = canvas.width;
if(numResourcesLoaded === totalResources) {
room(); context.drawImage(images["room"], 0, 0);
} context.drawImage(images["vaginal_base"], 0, 0);
} context.drawImage(images["vaginal_frame1"], 0, 0);
function room() { myTimer = setInterval(vaginalAnimate, 750);
canvas.width = canvas.width; }
context.drawImage(images["room"], 0, 0); function vaginalAnimate() {
context.drawImage(images["whore"], 0, 0); if (strokes < 25) {
context.drawImage(images["hero"], 0, 0); switch(frame) {
context.drawImage(images["balloon_choose"], 0, 0); case 0:
} context.drawImage(images["vaginal_frame1"], 0, 0);
frame = 1;
function vaginal() { break;
canvas.width = canvas.width; case 1:
context.drawImage(images["vaginal_frame2"], 0, 0);
context.drawImage(images["room"], 0, 0); frame = 0;
context.drawImage(images["vaginal_base"], 0, 0); strokes++;
context.drawImage(images["vaginal_frame1"], 0, 0); break;
}
myTimer = setInterval(vaginalAnimate, 750);
} if (strokes == 19) {
context.drawImage(images["vaginal_balloon_venho"], 0, 0);
function vaginalAnimate() { }
if (strokes < 25) { } else {
switch(frame) { context.drawImage(images["vaginal_frame1"], 0, 0);
case 0: clearInterval(myTimer);
context.drawImage(images["vaginal_frame1"], 0, 0); setTimeout(reset, 2500);
frame = 1; }
break; }
case 1:
context.drawImage(images["vaginal_frame2"], 0, 0); function anal() {
frame = 0; canvas.width = canvas.width;
strokes++;
break; context.drawImage(images["room"], 0, 0);
} context.drawImage(images["anal_base"], 0, 0);
context.drawImage(images["anal_frame1"], 0, 0);
if (strokes == 19) {
context.drawImage(images["vaginal_balloon_venho"], 0, 0); myTimer = setInterval(analAnimate, 750);
} }
} else {
context.drawImage(images["vaginal_frame1"], 0, 0); function analAnimate() {
clearInterval(myTimer); if (strokes < 22) {
setTimeout(reset, 2500); switch(frame) {
} case 0:
} context.drawImage(images["anal_frame1"], 0, 0);
frame = 1;
function anal() { break;
canvas.width = canvas.width; case 1:
context.drawImage(images["anal_frame2"], 0, 0);
context.drawImage(images["room"], 0, 0); frame = 0;
context.drawImage(images["anal_base"], 0, 0); strokes++;
context.drawImage(images["anal_frame1"], 0, 0); break;
}
myTimer = setInterval(analAnimate, 750);
} if (strokes == 4) {
context.drawImage(images["anal_balloon_grosso"], 0, 0);
function analAnimate() { }
if (strokes < 22) {
switch(frame) { if (strokes == 16) {
case 0: context.drawImage(images["anal_balloon_clear"], 0, 0);
context.drawImage(images["anal_frame1"], 0, 0); }
frame = 1;
break; if (strokes == 19) {
case 1: context.drawImage(images["anal_balloon_aaaa"], 0, 0);
context.drawImage(images["anal_frame2"], 0, 0); }
frame = 0;
strokes++; } else {
break; context.drawImage(images["anal_frame1"], 0, 0);
} clearInterval(myTimer);
setTimeout(reset, 2500);
if (strokes == 4) { }
context.drawImage(images["anal_balloon_grosso"], 0, 0); }
}
function oral() {
if (strokes == 16) { canvas.width = canvas.width;
context.drawImage(images["anal_balloon_clear"], 0, 0);
} context.drawImage(images["room"], 0, 0);
context.drawImage(images["oral_base"], 0, 0);
if (strokes == 19) { context.drawImage(images["oral_frame1"], 0, 0);
context.drawImage(images["anal_balloon_aaaa"], 0, 0);
} myTimer = setInterval(oralAnimate, 750);
}
} else {
context.drawImage(images["anal_frame1"], 0, 0); function oralAnimate() {
clearInterval(myTimer); if (strokes < 20) {
setTimeout(reset, 2500); switch(frame) {
} case 0:
} context.drawImage(images["oral_frame1"], 0, 0);
frame = 1;
function oral() { break;
canvas.width = canvas.width; case 1:
context.drawImage(images["oral_frame2"], 0, 0);
context.drawImage(images["room"], 0, 0); frame = 0;
context.drawImage(images["oral_base"], 0, 0); strokes++;
context.drawImage(images["oral_frame1"], 0, 0); break;
}
myTimer = setInterval(oralAnimate, 750);
} if (strokes == 4) {
context.drawImage(images["oral_balloon_chupa"], 0, 0);
function oralAnimate() { }
if (strokes < 20) { } else {
switch(frame) { context.drawImage(images["oral_frame1"], 0, 0);
case 0: clearInterval(myTimer);
context.drawImage(images["oral_frame1"], 0, 0); setTimeout(reset, 2500);
frame = 1; }
break;
case 1:
context.drawImage(images["oral_frame2"], 0, 0);
frame = 0;
strokes++;
break;
}
if (strokes == 4) {
context.drawImage(images["oral_balloon_chupa"], 0, 0);
}
} else {
context.drawImage(images["oral_frame1"], 0, 0);
clearInterval(myTimer);
setTimeout(reset, 2500);
}
} }