gc.js
Home Download Examples Documentation OBS: This page is under development 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 - 5.0 - (Under development) Older version - 4.0 Older version - 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.