{"id":28286352,"url":"https://github.com/mr9d/wizard-of-the-code","last_synced_at":"2026-05-05T20:40:16.359Z","repository":{"id":202726709,"uuid":"215329691","full_name":"mr9d/wizard-of-the-code","owner":"mr9d","description":"I challenged myself to create a 2D game engine with HTML5 canvas and vanilla ES6 JavaScript, even though my professional expertise is far from game development.","archived":false,"fork":false,"pushed_at":"2022-11-15T07:33:33.000Z","size":118,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-21T20:12:11.288Z","etag":null,"topics":["2d","canvas","css3","engine","es6","game","gh-pages","html5","htmlacademy","javascript","sidescroller","vercel"],"latest_commit_sha":null,"homepage":"https://mr9d.github.io/wizard-of-the-code/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mr9d.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-10-15T15:13:22.000Z","updated_at":"2025-03-24T06:51:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"712d9ecf-51eb-47de-b776-acc9a6ac3097","html_url":"https://github.com/mr9d/wizard-of-the-code","commit_stats":null,"previous_names":["mr9d/wizard-of-the-code"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mr9d/wizard-of-the-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr9d%2Fwizard-of-the-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr9d%2Fwizard-of-the-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr9d%2Fwizard-of-the-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr9d%2Fwizard-of-the-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mr9d","download_url":"https://codeload.github.com/mr9d/wizard-of-the-code/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr9d%2Fwizard-of-the-code/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260461769,"owners_count":23012976,"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","canvas","css3","engine","es6","game","gh-pages","html5","htmlacademy","javascript","sidescroller","vercel"],"created_at":"2025-05-21T20:12:09.145Z","updated_at":"2026-05-05T20:40:16.353Z","avatar_url":"https://github.com/mr9d.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML canvas 2D game engine\n\n## About\n\nI challenged myself to create a 2D game engine with HTML5 canvas and vanilla ES6 JavaScript, even though my professional expertise is far from game development. The goal was to practice with HTML5 canvas, and JavaScript and implement some 2D games technics I heard some time ago.\n\n\u003cimg src=\"/screenshots/demo.png\"\u003e\n\nFun fact. This project was inspired by [the Code and Magic](https://github.com/htmlacademy/code-and-magic-demo) demo project from the JavaScript course of [HTMLacademy](https://htmlacademy.ru/) which I worked with as a mentor.\n\n## Live version\n\nAvailable at GitHub pages: \u003chttps://mr9d.github.io/wizard-of-the-code/\u003e\n\nAlso available on Vercel: \u003chttps://wizard-of-the-code.vercel.app/\u003e\n\nBoth deployed from the `master` branch.\n\n## Running locally\n\nIf you want to run the application locally, you can do the following:\n\n- `git clone` the repository\n- Open `index.html` in the browser\n\nThat’s it, no build required.\n\n## How to play\n\n### Goal\n\nThe game has no objective. If you need a challenge, you can find the second flag marker at the top of the tower.\n\n### Controls\n\nLeft/Right – move.\n\nAlt – jump.\n\nCtrl – fire (not implemented yet).\n\n### Level\n\nYou can change the game level in any way by modifying the [script/game/level.js](/script/game/level.js) file.\n\n## Used technologies\n\n- HTML5 + Canvas API ([documentation](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API))\n- CSS3\n- JavaScript ES6\n- GitHub Pages ([documentation](https://docs.github.com/en/pages))\n- Vercel ([documentation](https://vercel.com/docs))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr9d%2Fwizard-of-the-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmr9d%2Fwizard-of-the-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr9d%2Fwizard-of-the-code/lists"}