-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
161 lines (140 loc) · 6.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>P8T PICO-8 Cartridge</title>
<meta name="description" content="">
<style type="text/css">
<!--
html,body{
padding:0;
margin:0;
width:100%;
height:100%;
background:transparent;
}
center{
text-align:center;
width:512px;
height:557px;
position:absolute;
display:block;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
}
canvas#canvas{
width: 512px;
height: 512px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: pixelated;
}
.pico8_el{
width:92px;
height:16px;
display:inline-block;
margin: 1px;
margin-bottom:0;
padding: 4px;
text-align: center;
color:rgb(255, 241, 232);
background-color:rgb(29, 43, 83);
font-family : verdana, sans-serif;
font-size: 9pt;
cursor: pointer;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.pico8_el img{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: pixelated;
}
.pico8_el a{
text-decoration: none;
color:rgb(255, 241, 232);
}
.pico8_el:hover,
.pico8_el:link{
background-color:rgb(41, 173, 255);
}
-->
</style>
</head>
<body style="background:rgba(0, 0, 0, 0)">
<center>
<div style="width:512px;">
<!-- CANVAS -->
<input id="searchField" style="width:100%;height:20px;" value="#pico8-filter:retweets"/>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<!-- SCRIPTS -->
<script type="text/javascript">
var require = null; // fix for node.js issue (prevents game from running when opened in something like NW.js)
// if using NW.js, let ESC exit fullscreen (no way to get out of it otherwise)
if (typeof nw !== 'undefined' && nw !== null) {
nw.App.registerGlobalHotKey(new nw.Shortcut({
key: "Escape",
active: function() {
nw.Window.get().leaveFullscreen();
}
}));
}
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 = {
arguments: ["-width","512","-height","512"],
};
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] = 2 | 16; // example: player 0, RIGHT and Z held down
*/
</script>
<script async type="text/javascript" src="P8T.js"></script>
<!-- WEB STUFF -->
<script type="text/javascript" src="p8-gpio-comms.js"></script>
<script type="text/javascript" src="twitter.js"></script>
<script type="text/javascript" src="main.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);
// sometimes iframes have issues getting focus, so
// attempt to auto-focus right now and also when we get clicked
window.focus();
document.addEventListener('mousedown',function(event){
window.focus();
});
</script>
<!-- BUTTONS -->
<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" style="width:100%; display:inline-block;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAlElEQVR4Ae2dMQ5FQBCGh6jcwAkkateg3DiAa+iQUGqVKi95FQfAJRQOoHeBUf8JyQqKjZ1uMzuz2e/LTE3KhyF7kSlgLOykas23f6D+A9Yp84aAOYU15pcJnfji0Il2ID8HzC4y38ZrnfIBGxeRoR3c3EWrACdsV5BOsx7OSRnrOXh4F5HzA6bevwUn8wlz7eCDsQM99B3ks0s/4QAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=" alt="Carts" width=12 height=12/> Carts</a></div> </div>
</center>
</body>
</html>