PageSourceSearch

https://bonk.io/

html bonk.io collected 2026-10-03 23:51:51 UTC 11,581 bytes, 395 lines download raw bytes

1<!doctype html>
2<html>
3<head>
4
5	<link rel="icon" 
6      type="image/png" 
7      href="graphics/tt/favicon-16x16.png"
8	  sizes="16x16">
9	<link rel="icon" 
10	      type="image/png" 
11	      href="graphics/tt/favicon-32x32.png"
12		  sizes="32x32">
13
14	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 14-15
14
15	<script async src="https://www.googletagmanager.com/gtag/js?id=
15UA-47882935-5
vendor: 14 bytes, lines 15-16
15"></script>
16	
16<script>
17	  
vendor: 141 bytes, lines 17-21
17window.dataLayer = window.dataLayer || [];
18	  function gtag(){dataLayer.push(arguments);}
19	  gtag('js', new Date());
20
21	  gtag('config', '
21UA-47882935-5
vendor: 6 bytes, lines 21-22
21');
22	
22</script>
22
23
24	<!-- longitude -->
25	
25<script src="https://lngtd.com/bonk.js"></script>
25
26
27
28	<meta charset="utf-8">
29	<title>bonk.io - Official Site: Play Bonk Here!</title>
30
31	<link rel="preload" href="fonts/fptmed.otf" as="font" crossorigin="anonymous" />
32	<link rel="preload" href="fonts/fptbook.otf" as="font" crossorigin="anonymous" />
33	<link rel="preload" href="fonts/fptbook_fixed_5.otf" as="font" crossorigin="anonymous" />
34	<link rel="preload" href="fonts/fptb.otf" as="font" crossorigin="anonymous" />
35
36    
36<script>
37
38        function getHeavPC(){
39            fetch('https://hitbox.io/scripts/playercount.json')
40                .then(response => {
41                    if (!response.ok) {
42                        throw new Error('Hitbox.io playercount fetch failed');
43                    }
44                    return response.json();
45                })
46                .then(data => {
47                    document.getElementById('header_heav_playercount').textContent = "(" + data.counts.total + " online)";
48                })
49        }
50
51        getHeavPC();
52        setInterval(() => {getHeavPC()}, 90*1000);
53
54
55		function parseAutojoin(url) {
56
57    		let regex = /\/(\d{6})([a-zA-Z0-9]{5})?$/;
58    		let match = url.match(regex);
59
60    		if (match) {
61
62        		let id = match[1];
63        		let bypass = match[2] || "";
64
65				let data = new URLSearchParams();
66            	data.append('joinID', id);
67
68				fetch('https://bonk2.io/scripts/autojoin.php', {
69					method: 'POST',
70					headers: {'Content-Type': 'application/x-www-form-urlencoded'},
71					body: data.toString(),
72				})
73				.then(response => response.json())
74				.then(result => {
75                    if (result.r == "success"){
76						result.passbypass = bypass;
77                        document.getElementById('maingameframe').contentWindow.autoJoin = result;
78                    }
79				})
80				.catch(error => {
81					console.error('Error:', error);
82				});
83			}
84		}
85
86		parseAutojoin( window.location.href );
87
88
89    </script>
89
90
91	
92
93
94
95</head>
96
97
98
99
100
101<!-- debug  OLD POSTION! -->
102
103
104
105<!-- debug -->
106
107
108
109
110<link rel="stylesheet" type="text/css" href="css/roomlist.css">
111<link rel="stylesheet" type="text/css" href="css/checkbox.css">
112<link rel="stylesheet" type="text/css" href="css/maploadwindow.css">
113<link rel="stylesheet" type="text/css" href="css/leveleditor.css">
114<link rel="stylesheet" type="text/css" href="css/newbonklobby.css">
115<link rel="stylesheet" type="text/css" href="css/ingamechat.css">
116<link rel="stylesheet" type="text/css" href="css/simplemenu.css">
117<link rel="stylesheet" type="text/css" href="css/pagelayout.css">
118<link rel="stylesheet" type="text/css" href="css/skineditor.css">
119<link rel="stylesheet" type="text/css" href="css/mapeditor.css">
120<link rel="stylesheet" type="text/css" href="css/prettymenu.css">
121<link rel="stylesheet" type="text/css" href="css/classicactive.css" id="classicoverridecss">
122
123<link href="js/colorpicker/color-picker.css" rel="stylesheet">
124
125
126
127
128
129<body>
130
131
132
133
134
135<style>
136	
137
138	@font-face {
139	  font-family: futurept_light;
140	  src: url(fonts/fptl.otf);
141	}
142	@font-face {
143	  font-family: futurept_book;
144	  src: url(fonts/fptbook.otf);
145	}
146	@font-face {
147	  font-family: futurept_demi;
148	  src: url(fonts/futurapt_demi.otf);
149	}
150	@font-face {
151	  font-family: futurept_medium;
152	  src: url(fonts/fptmed.otf);
153	}
154	@font-face{
155		font-family: futurept_b1;
156		src: url(fonts/futurept_7a255.otf);
157	}
158	@font-face{
159		font-family: futurept_bold;
160		src: url(fonts/fptb.otf);
161	}
162	@font-face {
163	  font-family: futurept_demi_oblique;
164	  src: url(fonts/fptdo.otf);
165	}
166
167	@font-face {
168	  font-family: futurept_medium_oblique;
169	  src: url(fonts/fptmo.otf);
170	}
171
172	
173
174
175
176
177	#bgreplay{
178		width:100%;
179		height:100%;
180		overflow: hidden;
181		position: absolute;
182		top:0;
183	}
184
185	#gamerenderer{
186
187		width: 100%;
188		height: 100%;
189		position: absolute;
190		top:0px;
191		left:0px;
192
193		margin: auto;
194		overflow: hidden;
195		visibility: hidden;
196	}
197
198	#r3dcanvas{
199		position : absolute;
200		left: 50%;
201		top: 50%;
202		-webkit-transform: translate(-50%, -50%);
203		-moz-transform: translate(-50%, -50%);
204		-ms-transform: translate(-50%, -50%);
205		transform: translate(-50%, -50%);
206	}
207
208	#gamethumbbox {
209
210		width: 150px;
211		display: inline-block;
212		text-align: center;
213		text-decoration: none;
214		color:#ffffff;
215		text-shadow: 1px 1px 3px #000000;
216		font-family: Tahoma, Geneva, sans-serif;
217    	font-size: 13px;
218
219	}
220
221	#gamethumbbox a, a:visited{
222
223		text-decoration: none;
224		color: #ffffff; 
225
226	}
227
228	#gamethumbbox img { 
229		border: 3px solid #222644; 
230	}
231
232	.thumbbox_name{
233		display: block;
234    	margin-top: -17px;
235	}
236	.thumbbox_count{
237		margin-top: -15px;
238    	display: block;
239	}
240
241
242
243	@-webkit-keyframes shakeanim {
244		0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
245		10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
246		20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
247		30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
248		40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
249		50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
250		60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
251		70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
252		80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
253		90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
254		100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
255	}
256	.shake:hover,
257	.shake:focus {
258		-webkit-animation-name: shakeanim;
259		-webkit-animation-duration: 0.4s;
260		-webkit-transform-origin:50% 50%;
261		-webkit-animation-iteration-count: infinite;
262		-webkit-animation-timing-function: linear;
263	}
264	.shake {
265		display:inline-block
266	}
267
268</style>
269
270<div id="bonkioheader">
271
272	<div id="gamethumbbox">
273		<a href="https://hitbox.io" target="blank">
274			<img src="graphics/tt/hitboxicon2x.png" width="140px" height="90px" class="shake">
275			<span class="thumbbox_name">hitbox.io</span>
276			<span id="header_heav_playercount" class="thumbbox_count">(? online)</span>
277		</a>
278	</div>
279	<div id="gamethumbbox">
280		<a href="https://bonk.io" target="blank">
281			<img src="graphics/tt/bonkgameicon3.png" class="shake">
282			<span class="thumbbox_name">bonk.io</span>
283			<span id="header_bonk_playercount" class="thumbbox_count">(? online)</span>
284		</a>
285	</div>
286	<div id="gamethumbbox" style="display: none;">
287		<a href="https://supercarstadium.com" target="blank">
288			<img src="graphics/tt/caricon.png" class="shake">
289			<span class="thumbbox_name">Supercar Stadium</span>
290			<span id="header_car_playercount" class="thumbbox_count">(? online)</span>
291		</a>
292	</div>
293	<div id="bonkiobugemail">
294		issues? <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0f6d7a687c4f6d606164216660">[email&#160;protected]</a>
295	</div>
296</div>
297
298<iframe id="maingameframe" src="gameframe-release.html"></iframe>
299
300
301<div id="adboxverticalleftCurse">
302	<div id='bonk_d_1'></div><!-- longitude square ad-->
303</div>
304  
305<div id="adboxverticalCurse">
306	<div id='bonk_d_2'></div><!-- longitude square ad -->
307</div>
308
309
310
311
312	
313
314
315
316<div id="descriptioncontainer">
317
318	<div id="descriptioninner">
319
320		<p class="descriptiontitle">Welcome to Bonk.io!</p>
321
322		<p class="descriptionsubtitle">What's Bonk.io?</p>
323
324			<img src="graphics/tt/bonkthumb1.jpg" class="descriptionthumbl">
325
326			<p class="descriptionpara">Bonk is a multiplayer physics game, for up to eight players at once. Push 
326your opponents off the edge of the level, the last man standing wins!</p>
327
328			<p class="descriptionpara">Battle your friends or anyone from anywhere in the world in last man standing or team based matches. Bonk.io is a game of strategy as well as raw skill, position yourself carefully, and dodging an incoming collision can be as effective as smashing into your enemies!</p>
329
330			<img src="graphics/tt/bonkthumb2.jpg" class="descriptionthumbr">
331
332			<p class="descriptionpara">Use the arrow keys to move, and hold X to make yourself heavier. When you are heavy, you have much more momentum, so you will bash enemies much further, and you are much harder to push around. But you will also be much less maneuverable!</p>
333
334
335
336			<p class="descriptionpara">Use the in-game level editor to easily create your own maps, and then play on them! Play on <strike>hundreds</strike> millions of custom maps created by the community, and upload your own for others to play on.</p>
337
338			<p class="descriptionpara">Use the quick play feature to quickly get into a game, or create custom games and set it up however you like.</p>
339
340			<p class="descriptionpara">Bonkio is being constantly updated with new features and improvements, so check back often! And most of all - have fun!</p>
341
342
343		<p class="descriptionsubtitle">The New Version</p>
344
345		<p class="descriptionpara">This version of the game, previously known as "Bonk 2", is now the main version of the game. Unlike the previous version it does not use Flash, and should be future-proof for years to come.</p>
346
347		<p class="descriptionpara"><b>Please use your existing username and password to log in.</b> All accounts, maps and skins have transferred over.</p>
348
349		<p class="descriptionpara">Your friend list, however, has not. To prevent abuse, in order to add someone as a friend you must send them a friend request and they must accept it. You can view a list of your old friends from the Flash version at the bottom of the friends list, by clicking 'Friends From Flash Version' and sending each one a friend request.</p>
350
351		<p class="descriptionsubtitle">Flash to HTML5</p>
352
353		
354			<p class="descriptionpara">Sadly, Adobe Flash reached the end of its life in 2020. Bonk.io was built in Flash, and if left unchanged would have been lost forever in early 2021.</p>
355			<p class="descriptionpara">Originally I set out to create a sequel, "Bonk 2", that would be written in HTML5 and take Bonk beyond the Flash Apocalypse. Along the way I discovered how difficult it is to take something that's grown larger than you ever anticipated and attempt to improve it.</p>
356
357			<p class="descriptionpara">The new game attempted far too much, and didn't have the charm of the original. In addition, while many players were excited for a sequel, most simply didn't want the original game to go away.</p>
358
359			<p class="descriptionpara">So it was decided to instead create a more faithful reproduction of the original. This would also mean all user accounts, maps and skins can carry over to the new version. This new version is the state the game is currently in today.</p>
360
361			
362			<p class="descriptionpara">-Chaz<br>Developer</p>
363		</p>
364
365	</div>
366
367</div>
vendor: 148 bytes, lines 367-387
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
387</body>
388
389
390
391
392
393
394
395</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.