https://github.com/betahuhn/countrypicker

🚩Pixel art country selector
https://github.com/betahuhn/countrypicker

country-flags country-picker nodejs pixel-art

Last synced: 2 months ago
JSON representation

🚩Pixel art country selector

• Host: GitHub
• URL: https://github.com/betahuhn/countrypicker
• Owner: BetaHuhn
• License: mit
• Created: 2020-05-01T19:26:28.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-07T05:58:25.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T16:48:17.221Z (9 months ago)
• Topics: country-flags, country-picker, nodejs, pixel-art
• Language: JavaScript
• Homepage: https://flags.mxis.ch
• Size: 2.74 MB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Node.js Pixel art country picker

![gif](demo.gif)

## Live Demo

The live demo of the country picker can be found here: https://flags.mxis.ch

## Introduction

This is an extension of [@enwash's](https://github.com/enwash) original [pixel-country-picker](https://github.com/enwash/pixel-country-picker). But instead of comparing the drawn flag directly to previously saved flags, this version goes through all saved flags and counts the matching pixels. The country whose flag has the most matching pixels will be displayed as the result. Using this technique you don't have to draw an exact match of the Flag and it detects the right country pretty early.

This repo also includes the code for the [colorPicker](https://flags.mxis.ch) node.js app in the src folder.

The updated version of [@enwash's](https://github.com/enwash) original [pixel-country-picker](https://github.com/enwash/pixel-country-picker) can be found in the colorPicker folder

## Contribution

If you want to add a new flag you can visit https://flags.mxis.ch/add and simply draw it. It will be publicly available on the home page.

## About

Original idea and code for the country picker by [@enwash](https://github.com/enwash/pixel-country-picker), the app for adding new flags and the updated country picker

where developed by [me](https://github.com/BetaHuhn) (Maximilian Schiller)

> **Note:** Please ignore the code for the website, it was written a while back when I just started using JS and was done quite quickly. I promise that's not how I would do things today :D