whisper.cat/weboasis/arcade/pinball/index.html
2023-10-05 23:28:32 +11:00

105 lines
5.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>WebOas.is - Pinball</title>
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/orientation_utils.css" type="text/css">
<link rel="stylesheet" href="css/ios_fullscreen.css" type="text/css">
<link rel='shortcut icon' type='image/x-icon' href='./favicon.ico' />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="msapplication-tap-highlight" content="no"/>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/createjs.min.js"></script>
<script type="text/javascript" src="js/howler.min.js"></script>
<script type="text/javascript" src="js/Box2D.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body ondragstart="return false;" ondrop="return false;" >
<div style="position: fixed; background-color: transparent; top: 0px; left: 0px; width: 100%; height: 100%"></div>
<script>
$(document).ready(function(){
var oMain = new CMain({
fullscreen:true, //SET THIS TO FALSE IF YOU DON'T WANT TO SHOW FULLSCREEN BUTTON
check_orientation:true, //SET TO FALSE IF YOU DON'T WANT TO SHOW ORIENTATION ALERT ON MOBILE DEVICES
audio_enable_on_startup:false //ENABLE/DISABLE AUDIO WHEN GAME STARTS
});
$(oMain).on("start_session", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeStartSession();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("end_session", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeEndSession();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("restart_level", function(evt, iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeRestartLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("save_score", function(evt,iScore, szMode) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeSaveScore({score:iScore, mode: szMode});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("start_level", function(evt, iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeStartLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("end_level", function(evt,iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeEndLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("show_interlevel_ad", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeShowInterlevelAD();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("share_event", function(evt, iScore) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeShareEvent({ img: TEXT_SHARE_IMAGE,
title: TEXT_SHARE_TITLE,
msg: TEXT_SHARE_MSG1 + iScore + TEXT_SHARE_MSG2,
msg_share: TEXT_SHARE_SHARE1 + iScore + TEXT_SHARE_SHARE1});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
if(isIOS()){
setTimeout(function(){sizeHandler();},200);
}else{ sizeHandler(); }
});
</script>
<div class="check-fonts">
<p class="check-font-1">walibi0615bold</p>
<p class="check-font-2">Digital</p>
</div>
<canvas id="canvas" class='ani_hack' width="768" height="1280"> </canvas>
<div data-orientation="portrait" class="orientation-msg-container"><p class="orientation-msg-text">Please rotate your device</p></div>
<div id="block_game" style="position: fixed; background-color: transparent; top: 0px; left: 0px; width: 100%; height: 100%; display:none"></div>
</body>
</html>