{"id":20201503,"url":"https://github.com/niravcodes/flappy-millennial","last_synced_at":"2025-04-10T11:26:59.881Z","repository":{"id":38250010,"uuid":"270262824","full_name":"niravcodes/flappy-millennial","owner":"niravcodes","description":"Help this Flappy Millennial ignore reality while he scrolls through Instagram or something.","archived":false,"fork":false,"pushed_at":"2024-07-26T18:25:38.000Z","size":4056,"stargazers_count":8,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T10:12:24.072Z","etag":null,"topics":["canvas","flappy-bird","game-2d","game-engine","html5-canvas","javascript"],"latest_commit_sha":null,"homepage":"https://niravcodes.github.io/flappy-millennial","language":"JavaScript","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/niravcodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-06-07T09:56:50.000Z","updated_at":"2024-07-26T18:25:41.000Z","dependencies_parsed_at":"2024-11-14T05:02:59.831Z","dependency_job_id":null,"html_url":"https://github.com/niravcodes/flappy-millennial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niravcodes%2Fflappy-millennial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niravcodes%2Fflappy-millennial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niravcodes%2Fflappy-millennial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niravcodes%2Fflappy-millennial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/niravcodes","download_url":"https://codeload.github.com/niravcodes/flappy-millennial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248208666,"owners_count":21065203,"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","flappy-bird","game-2d","game-engine","html5-canvas","javascript"],"created_at":"2024-11-14T04:51:26.764Z","updated_at":"2025-04-10T11:26:59.864Z","avatar_url":"https://github.com/niravcodes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flappy Milennial\n\nHelp this Flappy Millennial ignore reality while he scrolls through Instagram or something. Play this game not because it's good or anything, but simply to pretend that everything is okay for a while.\n\n![preview of game](assets/preview.gif)\n\n## Why? \n\nI was writing an HTML5 canvas game engine for a different game. But that's going to take a long while to finish (if ever, that is).\nThis game was made with a version of that game engine.\n\n# How to play?\n\nGame is live at [niravcodes.github.io/flappy-millennial](https://niravcodes.github.io/flappy-millennial).\n\n# How to play locally?\n\nMany ways. First clone the repository with `git clone https://github.com/niravcodes/flappy-millennial` and cd into the folder.\nThen easiest would be to open the file at `dist/index.html` in a browser. But that's the minified code, and doesn't encourage tinkering.\nIf you have a relatively modern browser (say Firefox 70 something or Chrome 80 something) you should be able to run the development code \njust fine. But the development code uses js modules, so you can't just open it in the browser. Run a simple HTTP server on the directory root. Simplest \nway I know of is `python3 -m http.server \u003cport\u003e` or it's equivalent. Access by navigating to `localhost:\u003cport\u003e`.    \n\nFor the uninitiated, click on the green button labelled \"Clone or Download\" at the top of this page, download the zip, unzip, and open the file `index.html` \ninside the `dist` folder.\n\nDepending on what you want to do, **you probably don't have to `npm install`**. I don't know about you, but it makes me very happy when I don't\nhave to `npm install` (or install anything, for that matter).\n\n## But I want to `npm install`!\n\nIf you must, go ahead. I'm using npm to orchestrate Babel, Browserify and Google-closure-compiler to convert my ES6 JavaScript code to ES5 (so that\nit's supported in most browsers, including mobile). Without this conversion, the game fails to work on mobile browsers and also in Firefox 68.0 ESR \n(which is the default browser of Debian 10). \n\nOnce you've `npm install`ed, try `npm run build`. It executes `./build.sh` and creates an optimized game in the `dist` folder.\n\n# I want more!\n\nWoah, easy there, buddy! For now check out **[the corresponding blog post](https://nirav.com.np/2020/06/09/flappy-millennial-an-html5-canvas-game.html)** on my [blog](https://nirav.com.np/).\n\n# How to modify the game?\n\nAll JavaScript code is in the `js` folder. Main game logic is in `js/game.js` (go read it). \nThe `js/library` folder contains the game engine code. But keep in mind that the library is \nseverely lacking and needs a lot of work. Further, the API is quite fluid at this point; and \nstill in that phase of experimentation and discovery. Plus it isn't optimised for the canvas. \nAs such, I'd recommend that you don't use it yet. \n\nI'll publish a better version when I make it, and with proper documentation too.\n\n# What License?\n\n**All published code in this repository is *MIT Licensed***. MIT license allows you to do what you want\nwith my code, as long as you maintain the copyright notice. Read LICENSE.md for details.\n\nThe artwork for Flappy Milennial's titular character is copyrighted. If you're posting a modified version, please\nchange the file `assets/FlappyMillennialFly.png` to something else.\n\n# Other works used\n\nThe background art was done by Vicente Nitti (@vnitti_art on Twitter). Check out some of his work [here](https://vnitti.itch.io/).\n\nUses [Fingerprintjs2](https://github.com/Valve/fingerprintjs2) by Valve and \n[ua-parser-js](https://github.com/faisalman/ua-parser-js) for analytics. Not strictly \nnecessary for the game to function.\n\nUses Babel and Browserify to convert ES6 JavaScript (supported by modern browsers) to\nES5 JavaScript. Uses Google Closure Compiler to minify.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniravcodes%2Fflappy-millennial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fniravcodes%2Fflappy-millennial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniravcodes%2Fflappy-millennial/lists"}