{"id":19418061,"url":"https://github.com/florian-a/jsrassik","last_synced_at":"2025-09-10T15:40:53.365Z","repository":{"id":169585921,"uuid":"479996671","full_name":"Florian-A/JSrassik","owner":"Florian-A","description":"Serez-vous capable d'attraper tous les Tyrannosaurus Rex ?","archived":false,"fork":false,"pushed_at":"2025-01-03T17:46:55.000Z","size":3428,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-03T18:30:34.915Z","etag":null,"topics":["canvas","dino-game","dinosaur-game","dinosaurs","github-pages","javascript","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Florian-A.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2022-04-10T11:27:41.000Z","updated_at":"2025-01-03T17:46:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"3830a308-7499-4e1c-96d0-218faf8f81ba","html_url":"https://github.com/Florian-A/JSrassik","commit_stats":null,"previous_names":["florian-a/jsrassik"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-A%2FJSrassik","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-A%2FJSrassik/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-A%2FJSrassik/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-A%2FJSrassik/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Florian-A","download_url":"https://codeload.github.com/Florian-A/JSrassik/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240599184,"owners_count":19826959,"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":["canvas","dino-game","dinosaur-game","dinosaurs","github-pages","javascript","webpack"],"created_at":"2024-11-10T13:12:36.085Z","updated_at":"2025-02-25T03:41:37.503Z","avatar_url":"https://github.com/Florian-A.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eJSrassiK\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://florian-a.github.io/JSrassik/\"\u003eJouez maintenant !\u003c/a\u003e\u003c/p\u003e\n\n---\n\nEnfant, j'aimais les dinosaures (comme beaucoup d'enfants), d'ailleurs qui n'aime pas les dinosaures ?\n\nEn attendant les progrès en clonage d’animaux préhistoriques, je propose un petit jeu dont le but est d'incarner un ptérodactyle qui chasse des tyrannosaures.\n\nJe me suis inspiré des mécaniques de [Flappy Bird](https://flappybird.io/) et des textures ainsi que de certaines mécaniques de [Google T-rex-runner](chrome://dino/) pour imaginer ce jeu.\n\nJ'ai décidé d'utiliser les [canvas HTML](https://developer.mozilla.org/fr/docs/Web/HTML/Element/canvas) pour réalise ce projet, aucun framework n'a été utilisé.\n\n  ![](./conception/mockup/trex.png)+ ![](./conception/mockup/flapybird.png) = ![](./conception/mockup/pterodactyl.gif)  \n\n---\n\n### Transpilation :\n\nLa commande pour transpiler l'ensemble du projet :\n\n```\nnpm run build\n```\n\n### Commandes en jeu :\n\n* Pression n'importe où sur l'écran (si ce dernier est tactile).\n  * Via l'évènement [`touchstart`](https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/Touch_events).\n* Pression sur la \u003ckbd\u003ebarre d'espace\u003c/kbd\u003e.\n  * Via l'évènement [`keydown`](https://developer.mozilla.org/fr/docs/Web/API/KeyboardEvent) .\n\n* Pression sur la touche \u003ckbd\u003e1\u003c/kbd\u003e pour afficher le nombre d'images par secondes.\n\n* Pression sur la touche \u003ckbd\u003e2\u003c/kbd\u003e pour afficher le nombre d'images par secondes + l'affichage des zones de collisions.\n\n* Pression sur la touche \u003ckbd\u003e0\u003c/kbd\u003e pour cacher toutes les informations de débogages.\n\n### Démonstration :\n\n![](./conception/readme/demo.gif)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorian-a%2Fjsrassik","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflorian-a%2Fjsrassik","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorian-a%2Fjsrassik/lists"}