MonkeyGG2
185 lines
5.8 KiB
HTML
185 lines
5.8 KiB
HTML
|
|
<html>
|
|
<head>
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7L02W3ZMS5"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-7L02W3ZMS5');
|
|
</script>
|
|
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5648726754785335"
|
|
crossorigin="anonymous"></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>P.Craft</title>
|
|
<meta name="description" content="">
|
|
|
|
<STYLE TYPE="text/css">
|
|
<!--
|
|
|
|
canvas#canvas { width: 512px; height: 512px; }
|
|
|
|
.pico8_el {
|
|
float:left;
|
|
width:160px;
|
|
display:inline-block;
|
|
margin: 1px;
|
|
padding: 4px;
|
|
text-align: center;
|
|
color:#fff;
|
|
background-color:#000;
|
|
font-family : verdana;
|
|
font-size: 9pt;
|
|
cursor: pointer;
|
|
cursor: hand;
|
|
}
|
|
.pico8_el a{
|
|
text-decoration: none;
|
|
color:#fff;
|
|
}
|
|
|
|
.pico8_el:hover{
|
|
background-color:#222;
|
|
}
|
|
|
|
.pico8_el:link{
|
|
background-color:#aaa;
|
|
}
|
|
|
|
canvas{
|
|
image-rendering: optimizeSpeed;
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: -webkit-optimize-contrast;
|
|
image-rendering: optimize-contrast;
|
|
image-rendering: pixelated;
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
border: 0px
|
|
}
|
|
|
|
-->
|
|
</STYLE>
|
|
<script text="text/javascript" src="/global.js" defer></script>
|
|
</head>
|
|
|
|
<body bgcolor=#000000>
|
|
|
|
<center><div style="width:512px;">
|
|
|
|
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
|
|
|
|
<script type="text/javascript">
|
|
var canvas = document.getElementById("canvas");
|
|
canvas.width = window.innerWidth;
|
|
canvas.height = window.innerHeight;
|
|
|
|
// show Emscripten environment where the canvas is
|
|
// arguments are passed to PICO-8
|
|
|
|
var Module = {};
|
|
Module.canvas = canvas;
|
|
|
|
|
|
// When pico8_buttons is defined, PICO-8 takes each int to be a live bitfield
|
|
// representing the state of each player's buttons
|
|
|
|
var pico8_buttons = [0, 0, 0, 0, 0, 0, 0, 0]; // max 8 players
|
|
pico8_buttons[0] = 0;
|
|
|
|
function onAdditionalKeyDown(event) {
|
|
event = event || window.event;
|
|
var o = document.activeElement;
|
|
if (!o || o == document.body || o.tagName == "canvas")
|
|
{
|
|
if(event.keyCode==73) // Key i
|
|
{
|
|
pico8_buttons[0] |= 0x20;
|
|
}
|
|
if(event.keyCode==32) // Key space
|
|
{
|
|
pico8_buttons[0] |= 0x10;
|
|
}
|
|
}
|
|
}
|
|
|
|
function onAdditionalKeyUp(event) {
|
|
event = event || window.event;
|
|
var o = document.activeElement;
|
|
if (!o || o == document.body || o.tagName == "canvas")
|
|
{
|
|
if(event.keyCode==73) // Key i
|
|
{
|
|
pico8_buttons[0] &= ~0x20;
|
|
}
|
|
if(event.keyCode==32) // Key space
|
|
{
|
|
pico8_buttons[0] &= ~0x10;
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener('keydown', onAdditionalKeyDown, false);
|
|
document.addEventListener('keyup', onAdditionalKeyUp, false);
|
|
/*
|
|
// when pico8_gpio is defined, reading and writing to gpio pins will
|
|
// read and write to these values
|
|
var pico8_gpio = new Array(128);
|
|
*/
|
|
</script>
|
|
|
|
<script async type="text/javascript" src="pcraft.js"></script>
|
|
|
|
<script>
|
|
// key blocker. prevent cursor keys from scrolling page while playing cart.
|
|
|
|
function onKeyDown_blocker(event) {
|
|
event = event || window.event;
|
|
var o = document.activeElement;
|
|
if (!o || o == document.body || o.tagName == "canvas")
|
|
{
|
|
if ([32, 37, 38, 39, 40].indexOf(event.keyCode) > -1)
|
|
{
|
|
if (event.preventDefault) event.preventDefault();
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener('keydown', onKeyDown_blocker, false);
|
|
|
|
</script>
|
|
|
|
<br>
|
|
<!--
|
|
<div class=pico8_el onclick="Module.pico8Reset();">
|
|
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAaklEQVR4Ae2dOwoAMQhE15A+rfc/3bZ7AlMnQfywCkKsfcgMM9ZP+QHtIn0vLeBAFduiFdQ/0DmvtR5LXJ6CPSXe2ZXcFNlTxFbemKrbZPs35XogeS9xeQr+anT6LzoOwEDwZJ7jwhXUnwkTTiDQ2Ja34AAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="Reset" width=12 height= 12/>
|
|
|
|
Reset</div>
|
|
-->
|
|
<div class=pico8_el onclick="Module.pico8TogglePaused();">
|
|
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAPUlEQVR4Ae3doQ0AIAxEUWABLPtPh2WCq26DwFSU/JPNT166QSu/Hg86W9dwLte+diP7AwAAAAAAgD+A+jM2ZAgo84I0PgAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="Pause" width=12 height=12/>
|
|
|
|
Pause</div>
|
|
<div class=pico8_el onclick="Module.requestFullScreen(true, false);">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAaklEQVR4Ae2dsQ1AIQhExfze1v2ns3UCrfgFhmgUUAoGgHscp21wX9BqaZoDojbB96OkDJKNcTN2BHTyYNYmoT2BlPL7BKgcPfHjAVXKKadkHOn9K1r16N0czN6a95N8mnA7Aq2fTZ3Af3UKmCSMazL8HwAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="Fullscreen" width=12 height=12/>
|
|
|
|
Fullscreen</div>
|
|
<div class=pico8_el onclick="Module.pico8ToggleSound();">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAXklEQVR4Ae2doQ4AIQxD4YLH8v9fh+ULhjpxxSwLg2uyapr1JRu1iV5Z+1BGl4+xNpX38SYo2uRvYiT5LwEmt+ocgXVLrhPEgBiw8Q5w7/kueSkK+D2tJO4E/I3GrwkqQCBabEj/4QAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="Toggle Sound" width=12 height=12/>
|
|
|
|
Sound</div>
|
|
<!--
|
|
<div class=pico8_el ><a target="_new" href="http://www.lexaloffle.com/bbs/?cat=7&sub=2">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAlElEQVR4Ae2dMQ5FQBCGh6jcwAkkateg3DiAa+iQUGqVKi95FQfAJRQOoHeBUf8JyQqKjZ1uMzuz2e/LTE3KhyF7kSlgLOykas23f6D+A9Yp84aAOYU15pcJnfji0Il2ID8HzC4y38ZrnfIBGxeRoR3c3EWrACdsV5BOsx7OSRnrOXh4F5HzA6bevwUn8wlz7eCDsQM99B3ks0s/4QAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="More Carts" width=12 height=12/>
|
|
|
|
Carts</a></div>
|
|
-->
|
|
<br>
|
|
|
|
</div></center>
|
|
|
|
</body></html>
|