gc.js
Home Download Examples Documentation About What is gc.js? gc.js or gameCanvas.js is a lightweight javascript library for creating webgames. The library is built on the Canvas API and makes it a lot easier to create web games using the canvas. Download Latest version - 4.0 Older versions - 3.0
Which one should I use? Choose the minified version for faster page load time and smaller file size. The unminified file is great for debugging or adding additional features. It's easy to read, with comments. Examples var gc = new GameCanvas();

rectangle(width / 2 - 100, height / 2 - 100, 200, 200, "red", "black", {lineWidth: 5});
var gc = new GameCanvas();

function OnMouseMove() {
 clearScreen();
 circle(mouseX, mouseY, 50, "black", "red", {lineWidth: 5});
}
var gc = new GameCanvas(); function preload() { preloadImage("TheCoder5550.png"); } function start() { rect(10, 10, 100, 100, "black"); circle(170, 60, 50, "red"); ring(280, 60, 50, "black", 10); triangle(340, 10, 340, 110, 440, 110, "red"); triangleEq(60, 170, 50, "black"); regPolygon(170, 170, 50, 7, "red"); ellipse(280, 170, 50, 25, "black"); image("TheCoder5550.png", 340, 120, 100, 100); line(10, 330, 110, 230, "black", {lineWidth: 5}); text("Text", 120, 330, 50, "red"); polygon([{x: 230, y: 330}, {x: 330, y: 330}, {x: 330, y: 250}, {x: 280, y: 300}, {x: 230, y: 250}], "black"); rect(340, 240, 100, 100, gradient("red", "black", 100)); } Documentation Read the documentation here.