{"id":19435551,"url":"https://github.com/krishealty/puzzle","last_synced_at":"2025-04-14T18:32:56.519Z","repository":{"id":240636738,"uuid":"803174129","full_name":"krishealty/puzzle","owner":"krishealty","description":"Classic and responsive 15 tile puzzle game entirely with HTML, CSS and JAVASCRIPT. Make your own puzzle with the built-in editor.","archived":false,"fork":false,"pushed_at":"2024-05-22T02:54:55.000Z","size":5665,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T11:56:35.414Z","etag":null,"topics":["css","css-animations","game","game-development","html","html-css","html-css-javascript","html-game","html-games","html-projects","html-template","html5","html5-game","javascript","javascript-applications","javascript-game","web-development","website"],"latest_commit_sha":null,"homepage":"https://krishealty.github.io/puzzle/","language":"HTML","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/krishealty.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"krishealty"}},"created_at":"2024-05-20T08:03:09.000Z","updated_at":"2024-12-06T19:30:54.000Z","dependencies_parsed_at":"2024-05-20T09:28:13.570Z","dependency_job_id":"5a4dc5cc-f1ad-4454-bb68-aa81bd8498a8","html_url":"https://github.com/krishealty/puzzle","commit_stats":null,"previous_names":["krishealty/puzzle"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krishealty%2Fpuzzle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krishealty%2Fpuzzle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krishealty%2Fpuzzle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krishealty%2Fpuzzle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krishealty","download_url":"https://codeload.github.com/krishealty/puzzle/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248936966,"owners_count":21186134,"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":["css","css-animations","game","game-development","html","html-css","html-css-javascript","html-game","html-games","html-projects","html-template","html5","html5-game","javascript","javascript-applications","javascript-game","web-development","website"],"created_at":"2024-11-10T15:06:59.406Z","updated_at":"2025-04-14T18:32:56.488Z","avatar_url":"https://github.com/krishealty.png","language":"HTML","funding_links":["https://github.com/sponsors/krishealty"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e \u003cimg src=\"gif/1.gif\"\u003e\u003c/div\u003e\n\n# [Classic Puzzle Maker](https://krishealty.github.io/puzzle/example.html)\n\nA simple implementation of the classic mini-game Fifteen Sliding Puzzle, using HTML DOM document elements and without using Canvas or third party libraries. \n\nWhen mixing a picture, random replacement of slots is not used, only natural mixing by moving a free slot, thanks to this, an error is excluded, due to which the puzzle may not be assembled.\n\nBy solving the puzzle, you can move several blocks in a column and a row in one move. You can set controls for the GamePad and keyboard.\n\nThe engine code is very flexible for modifications, has many settings and can be integrated into any web page or web app.\n\nThanks [krystal carpintieri](https://www.krystalcarpintieri.com/home/puzzle-animated-gifs) for all the gifs.\n\n\u003e Editor: https://krishealty.github.io/puzzle/\n\n\u003e Demo: https://krishealty.github.io/puzzle/example.html\n\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e \u003cimg src=\"gif/2.gif\"\u003e\u003c/div\u003e\n\n# Editor and Demo\n\nYou can upload your image, set parameters and generate an html file with the game and your image. You can use the resulting file on your website or directly on your device, or you can modify it yourself, change the parameters, or write your own script that will run after the game is finished.\n\nTry online editor: [Puzzle](https://krishealty.github.io/puzzle/)\n\nTry demo: [Demo](https://krishealty.github.io/puzzle/example.html)\n\nEditor features\n- Automatic style adaptation based on image dimensions\n- Proportional division of an image into blocks\n- Building / exporting HTML file with the game\n- Moving multiple blocks in one move\n- Drag and Drop upload image\n\n[![Simple 15 puzzle game maker for HTML ](https://user-images.githubusercontent.com/13263198/137487556-f4ccb712-7d6f-4178-baee-9473e0352db5.gif)](https://krishealty.github.io/puzzle/)\n\n\u003cdiv align=\"center\"\u003e \u003cimg src=\"gif/3.gif\"\u003e\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e \u003cimg src=\"gif/4.gif\"\u003e\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrishealty%2Fpuzzle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrishealty%2Fpuzzle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrishealty%2Fpuzzle/lists"}