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>
<html>
<head>
<title>Paradise Café</title>
<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<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">
<link href="paradise.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<p class="center"><img src="paradise.gif"></p>
<div id="canvasDiv" class="center main"></div>
<div id="infoDiv" class="center">
Teclas:
<ul>
<li>c - anal</li>
<li>f - vaginal</li>
<li>b - oral</li>
</ul>
</div>
<div id="infoTouchDiv" class="center">
Acções:
<ul id="touch-elems">
<li id="67">anal</li>
<li id="70">vaginal</li>
<li id="66">oral</li>
</ul>
</div>
<script type="text/javascript" src="paradise.js"></script>
<script type="text/javascript">
prepareCanvas(document.getElementById("canvasDiv"), 512, 272);
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<title>Paradise Café</title>
<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<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">
<link href="paradise.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<p class="center"><img src="paradise.gif"></p>
<div id="canvasDiv" class="center main"></div>
<div id="infoDiv" class="center">
Teclas:
<ul>
<li>c - anal</li>
<li>f - vaginal</li>
<li>b - oral</li>
</ul>
</div>
<div id="infoTouchDiv" class="center">
Acções:
<ul id="touch-elems">
<li id="67">anal</li>
<li id="70">vaginal</li>
<li id="66">oral</li>
</ul>
</div>
<script type="text/javascript" src="paradise.js"></script>
<script type="text/javascript">
prepareCanvas(document.getElementById("canvasDiv"), 512, 272);
</script>
</body>
</html>

76
paradise.css
View File

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

474
paradise.js
View File

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