A library and tools for making 2D and isometric games and applications.
Use jsdelivr cdn or download and include tbgs_min.js, ControllerPad.js, and ControllerPad.css in the html.
<html>
<head><title>Quick Platformer</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/tabageos/tabageos/tbgs_min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/tabageos/tabageos/ControllerPad.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/tabageos/tabageos/ControllerPad.css">
</head>
<body>
<div id="container" style="position:relative;width:168x;">
<div id="root" style="position:relative;width:168px;height:144px;top:0px;left:0px;"> </div>
<div id="controller" > </div>
</div>
<script type="text/javascript">
(function() {
let scene = [
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],
[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0,0,1],
[1,2,2,2,0,0,0,0,0,1,0,0,1,0,0,0,0,2,2,2,1],
[1,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0,0,1],
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]
];
class QuickGame extends tabageos.GameSkeleton {
constructor() {
super();
var specs = {gWidth:336, gHeight:144, controllerDivId:"controller", gameScale:0, gameLoop:this.loop, initializationSpecifics:this.setup}
this.initialConstruction(specs);
}
setup = function() {
this.player = new tabageos.BasicNinja(16,32,16,16, scene,null,1,0,16,16,scene.length,scene[0].length,0);
this.player._directCanvasObject = this.charLayer;
this.player._autoAnimate = 1;
this._cameraType = 1;
tabageos.BlitMath.drawSquaresFromPattern(this.display, scene, 16, 16, {1:"#6495ed",0:"#FFFFFF", 2:"#212121"});
this.removeHUD();
}
loop = function(ts) {
this.player.move(this.controller.buttons.left,this.controller.buttons.right, dthis.controller.buttons.up || this.controller.buttons.a, this.controller.buttons.down);
}
}
new QuickGame();
})();
</script>
</body>
</html>The ControllerPad Class is setup to capture keyboard touch and usb gamepad inputs
The GameSkeleton Class utilizes the ControllerPad and other Classes of the library for you to establish the basic setup for any game, including title screen, game over screen, a hud, a sound system, lighting and pixel font typing. By extending the GameSkeleton class you can get straight to the heart of your games code without having to setup those basic things.
Alternatively you can create your own systems using the individual Classes of the library.
Via the GameSkeleton Class the pixelType and animatePixelType and related methods are available. There are eight built in pixel fonts ready to be used, and you can also include your own custom pixel font. By extending the GameSkeleton Class you can then call pixelType during the game loop to type pixel text to the screen, there is also pixelDialogBox.
Using the tabageos.loadSpriteSheetAndStart method you can streamline the loading of your sprite sheet for added security. Streamlined sprite sheets do not show up in a browsers developer tools.
Tad's Basic Game Objects does not use webgl, instead in GameSkeleton an optional WebWorker keeping the main loop running is used to increase performance. As such games work on many various devices and run fast. Because the library is genearlly a collection of individual classes you can create your own main loop system and still utilize the classes.
Includes various examples from each Class, mini games and complete games.
examples current version 1.7
docs current version 1.0
October 2025 Nightly version 1.6998 released. 1.7 planned for mid November.
December 2024 Tabageos updated to version 1.672
June 2025 Version 1.6977 introducing esm modules
MIT License.
Current Release 1.6977