Change line endings to unix
This commit is contained in:
parent
e9f18446d9
commit
41cfaaf791
68
index.html
68
index.html
|
|
@ -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
76
paradise.css
|
|
@ -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
474
paradise.js
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue