-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
151 lines (130 loc) · 9.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="robots" content="index, follow" />
<base target="_blank">
<title>Borksy Game Hacker</title>
<meta name="author" content="AYolland" />
<meta name="description" content="A tool for extending Bitsy games" />
<meta name="keywords" content="borksy,bitsy,game,games" />
<meta name="theme-color" content="#CCCCCC">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ayolland.itch.io/borksy" />
<meta property="og:title" content="Borksy Game Hacker" />
<meta property="og:description" content="A tool for extending Bitsy games" />
<meta property="og:image" content="https://raw.githubusercontent.com/Ayolland/borksy/main/src/borksy.gif" />
<link rel="shortcut icon" href="data:image/gif;base64,R0lGODlhCAAIAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MkY5OEZEMzYwNDExRTg4RjI2RkE5Q0VFMTY2RDdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI3MkY5OEZFMzYwNDExRTg4RjI2RkE5Q0VFMTY2RDdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjcyRjk4RkIzNjA0MTFFODhGMjZGQTlDRUUxNjZEN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjcyRjk4RkMzNjA0MTFFODhGMjZGQTlDRUUxNjZEN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJMgABACwAAAAACAAIAAACD4wDB7vaaVg7aEaG7qvSFAAh+QQFMgABACwAAAAACAAIAAACDwQSh8bopxKLyzhpE4Y7FwA7" />
<link rel="shortcut icon" href="data:image/gif;base64,R0lGODdhCAAIAJEBAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJMgABACwAAAAACAAIAAACD4wjJ7vaaVg7aEaG7qvSFAAh+QQJMgABACwAAAAACAAIAAACD5QSh8bopxKLyzhpE4Y7FwA7" media="(prefers-color-scheme:dark)" />
<link rel="shortcut icon" href="data:image/gif;base64,R0lGODlhCAAIAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MkY5OEZEMzYwNDExRTg4RjI2RkE5Q0VFMTY2RDdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI3MkY5OEZFMzYwNDExRTg4RjI2RkE5Q0VFMTY2RDdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjcyRjk4RkIzNjA0MTFFODhGMjZGQTlDRUUxNjZEN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjcyRjk4RkMzNjA0MTFFODhGMjZGQTlDRUUxNjZEN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJMgABACwAAAAACAAIAAACD4wDB7vaaVg7aEaG7qvSFAAh+QQFMgABACwAAAAACAAIAAACDwQSh8bopxKLyzhpE4Y7FwA7"
media="(prefers-color-scheme:light) or (prefers-color-scheme:no-preference)" />
<script type="module" crossorigin src="./assets/index.5c35e4ea.js"></script>
<link rel="stylesheet" href="./assets/index.f54d3d95.css">
</head>
<body>
<div id="preloader">
<p class="preloader_text">Loading...</p>
<noscript>You must enable javascript to use this tool.</noscript>
</div>
<div id="wrapper">
<header>
<div id="mascot"></div>
<h1><strong>Borksy</strong> Game Hacker</h1>
<noscript>You must enable javascript to use this tool.</noscript>
</header>
<details id="about" data-collapsible data-header="About Borksy" class="collapsible" open>
<div id="about_content"></div>
</details>
<form>
<details data-collapsible data-header="Page Title / Filename" class="collapsible">
<p>This is what the title of your page (not game) will be:</p>
<label data-pre="<title>" data-post="</title>">
<textarea data-save data-borksy-replace-single="TITLE" data-default-type="string"
data-default="My Bitsy Game By Me" rows="1" cols="50" wrap="hard" name="title"
id="title"></textarea>
</label>
<p>This is the filename that will be downloaded: <em>(only A-z,0-9,-,_ allowed)</em></p>
<label class="horizontal" data-post=".html">
<input data-save data-borksy-replace-single="FILENAME" data-default-type="string"
data-default="myBORKSYgame" data-clean-regex="^-|\W" name="filename" id="filename" />
</label>
</details>
<details data-collapsible data-header="Bitsy Version" class="collapsible">
<p>This is the version of the Bitsy engine you wish to include with your game.</p>
<p>Note that Borksy templates and defaults are slightly modified from the original exports. Usually this
is not noticeable, but do not expect a Borksy game and a Bitsy game with the same data to produce
the exact same file.</p>
<p id="legacy-version-warning" style="display: none;">
❗: This Bitsy version does not match the version used by the hacks,
which means they may not be compatible.
<a href="https://github.com/seleb/bitsy-hacks#old-versions">See here</a> for more info.
</p>
<label id="template-label">
<select data-save name="template" id="template" data-default="" data-default-type="option">
</select>
</label>
</details>
<details data-collapsible data-header="Game Data" class="collapsible">
<p>This is the gamedata from Bitsy:</p>
<label data-pre="<script type="bitsyGameData" id="exportedGameData">"
data-post="</script>">
<textarea data-save data-borksy-replace-single="GAMEDATA" data-default-type="textfile"
data-default="gamedata" rows="4" cols="50" wrap="hard" name="gamedata" id="gamedata"></textarea>
</label>
</details>
<details data-collapsible data-header="HTML / CSS Theme" class="collapsible">
<p>This is the HTML content of your game's body tag:<br>NOTE: the canvas#game tag is crucial for Bitsy
to work.</p>
<label data-pre="<body>" data-post="</body>">
<textarea data-save data-borksy-replace-single="MARKUP" data-default-type="textfile"
data-default="body" rows="4" cols="50" wrap="hard" name="markup" id="markup"></textarea>
</label>
<p>This is the CSS style for your page:</p>
<label data-pre="<style type="text/css">" data-post="</style>">
<textarea data-save data-borksy-replace-single="CSS" data-default-type="textfile"
data-default="style" rows="4" cols="50" wrap="hard" name="css" id="css"></textarea>
</label>
</details>
<details data-collapsible data-header="Hacks" class="collapsible" id="hacks-section">
<p>These are pre-loaded hacks that modify and extend Bitsy's behavior. Just check the box to include the
hack. Hacks with options have a expandable section with a modifiable JavaScript options object. If
you need a hack not seen here, use the Additional JavaScript field instead.</p>
</details>
<details data-collapsible data-header="Additional JavaScript" class="collapsible">
<p>This is JavaScript loaded into a script tag after all Bitsy code.<br>Other hacks can go in here
(among other things).</p>
<label data-pre="<script type="text/javascript" id="borksyAdditionalJS">"
data-post="</script>">
<textarea data-save data-borksy-replace-single="ADDITIONALJS" rows="4" cols="50" wrap="hard"
name="additionalJS" id="additionalJS"></textarea>
</label>
</details>
</form>
<div class="button-group">
<label>
<button id="restore-button">Restore Defaults</button>
<kbd>(<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>D</kbd>)</kbd>
</label>
<label>
<button id="download-button">Download File</button>
<kbd>(<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>S</kbd>)</kbd>
</label>
</div>
<footer>
<p>Borksy was originally built by AYolland: <a href="https://twitter.com/ayolland" target="_blank"
rel="noopener">Twitter</a> <a href="https://github.com/Ayolland" target="_blank"
rel="noopener">Github</a> <a href="https://ayolland.itch.io/" target="_blank"
rel="noopener">Itch.io</a></p>
<p>Bitsy is built by Adam Le Doux: <a href="https://twitter.com/adamledoux" target="_blank"
rel="noopener">Twitter</a> <a href="https://github.com/le-doux" target="_blank"
rel="noopener">Github</a> <a href="https://ledoux.itch.io/" target="_blank"
rel="noopener">Itch.io</a></p>
<p>Borksy and the hacks are maintained by Sean S. LeBlanc: <a href="https://twitter.com/SeanSLeBlanc"
target="_blank" rel="noopener">Twitter</a> <a href="https://github.com/seleb" target="_blank"
rel="noopener">Github</a> <a href="https://seansleblanc.itch.io/" target="_blank"
rel="noopener">Itch.io</a></p>
</footer>
</div>
</body>
</html>