{"id":18852861,"url":"https://github.com/moderrek/jsgl","last_synced_at":"2025-04-14T10:22:29.571Z","repository":{"id":148262481,"uuid":"618066980","full_name":"Moderrek/JSGL","owner":"Moderrek","description":"Client-side JavaScript library for creating web 2D games. Focusing at objective game. JS Game Library","archived":false,"fork":false,"pushed_at":"2024-05-16T20:47:24.000Z","size":297,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"release","last_synced_at":"2024-10-30T02:37:09.310Z","etag":null,"topics":["2d-game","animation","canvas","game","game-development","game-objects","gamedev","graphics","html","javascript","javascript-game","javascript-library","sprite"],"latest_commit_sha":null,"homepage":"https://moderrek.github.io/JSGLDoc/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Moderrek.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-23T17:23:35.000Z","updated_at":"2024-09-29T14:02:25.000Z","dependencies_parsed_at":"2024-10-30T01:24:31.051Z","dependency_job_id":null,"html_url":"https://github.com/Moderrek/JSGL","commit_stats":{"total_commits":43,"total_committers":2,"mean_commits":21.5,"dds":0.2325581395348837,"last_synced_commit":"84cd80cc8750acf997e2e70cff9dd6385f72bf40"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moderrek%2FJSGL","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moderrek%2FJSGL/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moderrek%2FJSGL/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moderrek%2FJSGL/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Moderrek","download_url":"https://codeload.github.com/Moderrek/JSGL/tar.gz/refs/heads/release","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248860184,"owners_count":21173381,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["2d-game","animation","canvas","game","game-development","game-objects","gamedev","graphics","html","javascript","javascript-game","javascript-library","sprite"],"created_at":"2024-11-08T03:41:57.642Z","updated_at":"2025-04-14T10:22:29.548Z","avatar_url":"https://github.com/Moderrek.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003e⚡ JSGL\u003c/h1\u003e\n    \u003cp\u003e\n        \u003ca href=\"https://github.com/Moderrek/JSGL/blob/release/LICENSE.md\"\u003e\u003cimg src=\"https://img.shields.io/github/license/Moderrek/JSGL\" alt=\"license\"\u003e\u003c/a\u003e\n        \u003ca href=\"https://www.codefactor.io/repository/github/moderrek/jsgl\"\u003e\u003cimg src=\"https://www.codefactor.io/repository/github/moderrek/jsgl/badge\" alt=\"codefactor\"\u003e\u003c/a\u003e\n        \u003ca href=\"https://www.npmjs.com/package/@moderrkowo/jsgl\"\u003e\u003cimg src=\"https://img.shields.io/npm/dt/@moderrkowo/jsgl\" alt=\"downloads\"\u003e\u003c/a\u003e\n        \u003ca href=\"https://www.npmjs.com/package/@moderrkowo/jsgl\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@moderrkowo/jsgl\" alt=\"version\"\u003e\u003c/a\u003e\n    \u003c/p\u003e\n\u003c/div\u003e\n\n# About The Project\nClient-side JavaScript library for creating web 2D games. Focusing at objective game.  \nUse the JSGL to create 2D games.\n## Features\n* Creating 2D Games in HTML Canvas\n* Auto canvas scaling to size\n* Game Settings (autoCanvasResize...)\n* Creating OOP game objects\n* Easy events system\n* Resources loading system\n* Easy management objects with Transform and Vector2\n* No need to write HTML. The JSGL.ExampleHTML/JSGL.DefaultGame can render default game page.\n## Required\n* DOM\n# Getting Started\n## Browser\nTo include JSGL in browser add script tag to body element. Like below or check [examples](https://github.com/Moderrek/JSGL/tree/release/examples/).\n```html\n...\n\u003cbody\u003e\n  \u003cscript src=\"https://unpkg.com/@moderrkowo/jsgl/dist/JSGL.js\"\u003e\u003c/script\u003e \u003c!-- CDN --\u003e\n  \u003cscript src=\"./js/game.js\"\u003e\u003c/script\u003e \n\u003c/body\u003e\n...\n```\n## Node\nTo include JSGL in Node, first install with npm.\n```\nnpm i @moderrkowo/jsgl\n```\nExample node code\n```js\nconst { Vector2 } = require('@moderrkowo/jsgl');\nconst exampleVector2 = new Vector2(5, 10);\nconsole.log(exampleVector2);\n// Vector2 { x: 5, y: 10 }\n```\n\u003c!-- # Usage W.I.P --\u003e\n# Documentation\n* [JSGL Reference](https://moderrek.github.io/JSGLDoc/)  \n* [JSGL Wiki](https://github.com/Moderrek/JSGL)  \n* [JSGL Examples](https://github.com/Moderrek/JSGL/tree/release/examples)  \n* [JSGL Changelogs](https://github.com/Moderrek/JSGL/tree/release/doc/changelogs)\n# Developers\n## Must have\nInstalled [**git**](https://git-scm.com/downloads) and [**Node.js**](https://nodejs.org/en/download)\n## Building JSGL\n1. First clone repository\n   ```bash\n   git clone https://github.com/Moderrek/JSGL.git\n   ```\n2. Enter the JSGL directory and install development dependencies\n   ```bash\n   cd JSGL\n   npm install\n   ```\n3. Run build script\n   * `npm run build` - Builds deployment bundle, types declaration and docs -\u003e `/dist` and `/docs`\n   * `npm run build:prod` - Builds deployment bundle -\u003e `/dist`\n   * `npm run build:dev` - Builds mapped bundle -\u003e `/dist`\n   * `npm run build:types` - Builds types declaration -\u003e `/dist`\n   * `npm run build:docs` - Builds web docs for JSGL -\u003e `/docs`\n# License\nDistributed under the MIT License. See ``LICENSE.md`` for more information.\n# Contact\nTymon Woźniak *(owner)* \u003c[tymon.student@gmail.com](mailto:tymon.student@gmail.com)\u003e  \nProject: [https://github.com/Moderrek/JSGL](https://github.com/Moderrek/JSGL)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoderrek%2Fjsgl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoderrek%2Fjsgl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoderrek%2Fjsgl/lists"}