TinksJS

Welcome!

⚠ This is a hobby project. Use at your own peril 😅

(It's also WIP and not ready yet 😅😅)

Are you looking for a very simple, 2D, JavaScript Game Library where, with simple function calls you can just draw an image, line, shapes, text, set rotation, RGBA, size, check input, do music/sounds?

Well, I was looking for that too, and I was astonished to find everything out there was a bit over-the-top for my needs. So now I'm making TinksJS, and soon you'll be able to use it too!

(Once I've got it working) Check out the simple steps below, and by the end of this page you could have the following up and running (this will be something better soon lol):

 

After that, if you have programming experience you can use the reference to go ahead and start making your own game. A tutorial for absolute beginners is also planned!

1. Download TinksJS:

» » » Download « « « (Coming soon)

2. Make an HTML page:

<!doctype html>
<html> 
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>My TinksJS Game</title>
		
		<script src="tinksjs/tj.js"></script>
		<script src="hello-world.js"></script>
	</head>
	<body>
		<div style="width:640px; max-width:100%; margin:0 auto;"><!-- This div is nothing to do with TinksJS. It could be a column in a layout or anything -->
			<div class="game">&nbsp;</div><!-- TinksJS Game div -->
		</div>
		<script>init();</script>
	</body>
</html>

3. Make hello-world.js and main loop:

 

4. Go check out the reference/cheat sheet:

» » » Go! « « «