Git Product home page Git Product logo

globle's Introduction

Notes about Globle

Version 1.6.0 - Change log

Listed countries

  • The list of countries for this game is the same as that used by Sporcle
  • Some alternate spellings and previous names are accepted, e.g. Burma for Myanmar.
  • France and UK have many territories scattered throughout the globe, and they confuse the proximity algorithm, so they are not highlighted when those countries are guessed.
  • Geography can be a sensitive topic, and some countries' borders are disputed. If you believe a correction should be made, please politely raise an issue or DM me on Twitter.

Tip

If you are really struggling to find the answer, I recommend going to Google Maps or Earth. Better to learn about a new country than never get the answer!

Attributions

  • This game was inspired by Wordle and the "Secret Country" geography games from Sporcle
  • Country outlines in the Help screen provided by Vemaps.com
  • Favicons are from favicon.io

Running the project on your local machine

This project was bootstrapped with Create React App. If you want to run the project on your local machine,

  1. Clone this repo
  2. npm install
  3. npm start

License

Shield: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

CC BY-NC-SA 4.0

globle's People

Contributors

ah-dietrich avatar albanobattistella avatar gawi avatar holadepo avatar israel77 avatar martafrackiewicz avatar martinaskestad avatar mimirpatapolov avatar nick-snack avatar nickfitz avatar olliechick avatar owenstone avatar passidel avatar phanabani avatar sivah-akash avatar szabgab avatar the-abe-train avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

globle's Issues

Possible problem with calculating distances

Please take a look at the screenshot. How is it possible that France is furthest from Netherlands of all my guesses? Looks completely invalid.

Additional information: I opened the game a day or two ago, guessed France, Poland and something more, and I think the colors were as they are now, Poland quite dark and France very pale. Then I found the game open in a tab today, I refreshed the tab because I expected the game resets maybe with a new country every day so I'll get blank globe again, but this didn't happen, my guesses remained there. I made some more guesses until I figured out Netherlands. So either distance calculation between France and Netherlands is completely wrong, or games from two different days got mixed up.

image

Distance in Km or degrees

I have heard comments about colour issues in the game, and personally find it very difficult to discern what distance a specific shade may correspond with. I think it would be useful, and possibly necessary for accessibility for those with colour blindness, to have a mode or feature that shows the distance or amount of degrees a country is away from the answer.

New design/style suggestion

First of all, thank you for making this game! I love it and I play it every day 😃

I'm learning UI design and, as an exercise and for fun, I redesigned Globle. I don't want to impose anything on anyone. If you like the new design and would like to use it, great! If you just want to take some ideas from it, that's fine as well! If you don't like it or don't want to change the current design, no problem either. 😃

With the new design, I wanted to create a playful experience while keeping a clean and nice style. My goal was also to give the game a stronger personality. The idea was to use some common design elements related to the earth: clouds, the sky, the sun, airplanes... The functionality is the same, except for a couple of small suggestions. Here's what I came up with.

Help/Intro

help

Game

Suggestion: make the answers a list instead of a grid. Also, add a small distance indicator next to each country (along with the flag).

game

Victory

Suggestion: replace the country input field with the victory banner.

victory

Stats

I've made 2 versions of this screen, one that is more similar to the current one, and one with a different layout.

stats-1

stats-2

Preferences

preferences

Button states

button-states


The re-design is not finished. There are a few things I'd like to revisit and see if I can improve. My next goal will be to make a desktop version and a dark-mode version as well.

I see you are already using Tailwind CSS to implement the game style. I've also used the Tailwind colors for the new design, so it would be easy to implement it if you decide so.

If interested, I can provide more info about the design (colors, spacing, sizes, font...) and possibly even help with the implementation.

Thanks for reading!

Freezes when (i think) zooming in

Sometimes when I zoom in (might be unrelated), the game freezes, and this stack trace is printed in console:

three.module.js:29649 Uncaught TypeError: Cannot read properties of undefined (reading 'count')
    at n.value (three.module.js:29649:45)
    at lu (three.module.js:46476:10)
    at lu (three.module.js:46486:4)
    at lu (three.module.js:46486:4)
    at lu (three.module.js:46486:4)
    at lu (three.module.js:46486:4)
    at e.value (three.module.js:46454:4)
    at Function.intersectingObjects (three-render-objects.module.js:408:24)
    at Function.Object.keys.forEach.i.<computed> [as intersectingObjects] (kapsule.module.js:176:65)
    at Function.tick (three-render-objects.module.js:249:35)

Directional Gradient Clues

I would love to see a mode where countries get a subtle gradient in the direction (N, S, E, W) of the correct guess - it can be a bit brutal getting in areas that have a lot of countries bouncing around until I find the right direction to go. A mode like this would be really sastisfying!

The cardinal directions would be great, it would probably make it too easy if the gradients were set on degrees pointing directly at the solution.

Suggestions for the game (share spoiler-free result of single day, option for random starting guess)

I suggest that you add a "share" result option (for the current day's "mystery" country) for spoiler-free bragging rights.

So it should present:

  • number of guesses
  • "gradient" colors in sequential order for each guess (how close did you get with each guess)
  • numeric value for kilometer distance to target "mystery" country (using country polygon centroid?) for each guess.

But NOT show the names or flag emojis for each guess (to remain spoiler-free).
This would help show how "efficiently" you reach the target country...

Separately, It would also be interesting to have the option of a random starting guess ("spin the wheel of fortune"!), though that might lower your odds IF the "mystery" country is picked randomly (which does seem to weight toward Africa).

Lesotho

Hello, there's a strange thing happening with South Africa and Lesotho.
Lesotho being the country of the day but guessing South Africa shows "closest border 158km" and isn't the reddest color.

Trim country name when submitting

I'd suggest to trim (remove leading and trailing spaces) the country name when submitting it. I think this change would improve the UX a lot. I use an auto-complete keyboard on my phone which adds a space at the end of each word. Thanks!

P. S. Great game btw! I'm playing it every day and having a lot of fun 😀

Belize in wrong spot

Playing today’s globle and I guessed Belize and instead an island in the Galapagos lit up orange 🤔, Belize did not light up.
7434F647-637C-4D5A-A448-D1FD9CF5127D
45957139-214C-4C43-8E4F-156100FC6900

Zoom Issues

Hey, love the game!

Sometimes when I zoom in on the globe, I can't zoom back out, and even when I move my mouse over to another country within the scope, the country name stays the same. If I enter a new country, it doesn't move the globe to show it, but if I refresh the page, it resets the view and I pick up where I left off.

Autocomplete on country name

Hi,
To help non English language speaker, would you mind add autocomplete on country name field with the list of all countries.
This would be very helpful!

Accept emoji flags as input

When I start typing a country I can't spell, often my phone will suggest the correct country flag before it shows the name. I've even had times where I tried to get the country name to show up by adding more letters and I went so far off base that also the flag disappeared from suggestions.

Incorrect Map

India's Map is incorrectly depicted on globle. Kindly do the needful.

Add a guesses counter

When you find the Mystery Country, it should show how many tries it took you to find it.

That could look something like this:

Screen Shot 2022-02-22 at 3 57 29 PM

Remove autocomplete when entering country input

While playing a minor issue I have is that when entering a country name, it will suggest previous entries. This is the default for an input tag and it, quite frankly, sucks. It's case sensitive, unsorted and it blocks view of the globe. I've read the other thread about an autocomplete suggestion and that you were not a big fan of adding it, so then it's weird and annoying that the default autocomplete is enabled. The image below shows my issue:
globleexample

To fix this all you have to do is add autocomplete="off" to the <input> element.

Missing country names - please document source/authority for names and inclusion status

This is a great implementation of the idea so far!

However, many smaller country names are missing including:

  • Liechtenstein
  • Andorra
  • Monaco
  • San Marino

some "countries" part of larger entities are not present:

  • Scotland
  • Wales
  • Northern Ireland
  • England

while other countries/territories that are part of other entities are present:

  • Greenland (but not under the indigenous Greenlandic name "Kalaallit Nunaat") which is a constituent part of the Kingdom of Denmark, along with the "Faroe Islands" (also not present).

Some countries have some "ambiguity" in their boundaries or sovereignty (claimed variously as independent or as occupied/integral territories of another country). Examples include:

  • Tibet (not included)
  • Hawaii (not included)
  • Western Sahara (is included)

That's a complicated subject, but you should just add a disclaimer (in an "about" section) that you are following a particular authority/source for your country boundaries and criteria for inclusion (and document that source, even if it is just from Wikipedia). Same goes for documenting sources for "proper" internationally accepted names.

Unwanted "the" in footer

The footer on the help page reads "Learn the what qualifies as a valid country in this game." where the "the" between "Learn" and "what" is clearly unnecessary.

More leeway with country names, please

I really appreciate that you take DRC as an input. I’d love some of that leeway on St vs Saint as well as trailing spaces. There is another globe style game that uses a drop down for entries, which I think would work well. I do like guessing the names, but getting “Invalid country” because I can’t spell Turkmenistan (thanks autocorrect!) limits me to phone usage.

Oh, and a deeper Zoom would be great, even just using a +/- setup in the corner.

This is a must play for me daily, thanks for creating it!!

United Kingdom is not a country

Hello, just wanted to mention that I tried writing England, and I received a "is not a country" error.
But United Kingdom worked, which isn't a country.

I don't know if it is a bug, or a placeholder - so I just wanted to mention it 😊

Have a good day 😁

Mispellings

I think this game is great! Thanks for creating it.

As for the actual issue:
I think slight mispellings should be accepted.

For example I had typed kyrzgystan and the correct spelling is kyrgyzstan. Could there be some way of checking for countries that are slightly misspelt, or some kind of hinting mechanism?

São Tomé e Príncipe

Hey there! Big fan of this game - it’s the first thing I do with my morning coffee.

Is there a chance that São Tomé e Príncipe is missing from the list of countries? I could swear the other day I tried it in both English and Portuguese and neither were accepted. Same for Cape Verde.

sorry I’m not very tech savvy so don’t know where the list of countries is saved.

thank you!

Error "Refused to execute script from '[...]chunk.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled."

Error when accessing the site results in a blank white page.

Tested on Chrome (desktop and mobile) and Firefox.

Full error message:
Refused to execute script from 'https://globle-game.com/static/js/876.c3e81c58.chunk.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Results in an exception:

ChunkLoadError: Loading chunk 876 failed.
(error: https://globle-game.com/static/js/876.c3e81c58.chunk.js)
    at Object.t.f.j (jsonp chunk loading:27:18)
    at ensure chunk:6:25
    at Array.reduce (<anonymous>)
    at Function.t.e (ensure chunk:5:56)
    at Auxilliary.tsx:13:31
    at I (react.production.min.js:18:52)
    at qo (react-dom.production.min.js:269:22)
    at vu (react-dom.production.min.js:250:347)
    at Su (react-dom.production.min.js:250:278)
    at bu (react-dom.production.min.js:250:138)

Invalid country name

I've typed in several countries to be told that they are invalid.
How is Puerto Rico invalid?

Add a 'give up' mechanism

For the geographically challenged like myself, I think it makes sense to add a 'give up' button. Otherwise, in order to complete the game, the user needs to inconveniently whip out an external map and look up the answer. If the user wants to still figure out the answer on their own with a map, it could be sort of two steps where the first step just makes sure to handle streak/averages/sharing of results appropriately, and the second step, if the user so desires, reveals the actual answer. I don't want to have to keep saying "I had to use a map for this btw" while sharing my results every time I have to look up the answer with a map. It also completely skews my real "streak" and "average".

As for the streak, I think it makes more sense for the "streak" to be how many times in a row you were able to guess the country without help.

Just my opinion! Thanks for the fun game!

Zoom into carribean more easily

I find it very difficult to see the colour certain small countries have. Specifically ones like Europe: Andorra, Vatican and C.A.: St. Lucia, Grenada, etc.

For example (and because it's quite funny), here's Vatican (in night mode):
image

On desktop I can use my scroll wheel to zoom all the way in like the picture above. However, on mobile it only allows me to zoom so far before it maxes out and un-zooms when I let go of the screen.

Some ideas:

  • +/- arrows to allow zooming easily on mobile
  • on the country list at the bottom of the screen adding a background with the corresponding colour so they can be seen there
  • when an island country is guessed a specific zoom and position is moved to where the islands are all visible
  • clicking a country at the bottom already positions to that country, but it could also zoom to a reasonable amount to see it clearly
  • for countries smaller than X Km wide or Y Km^2 of area add a circle around them that has the correct colour

image

Click to Learn More - Suggestion

I see this as a fantastic game, especially for kids and anyone wanting to learn more about the world around them. I think it would be great to have a link to the wiki page for the country of the day after a user has correctly guessed, providing an easy way to learn more.

Overall, it's been a great experience playing Globle!

Banned from Facebook

The Globle URL has been banned from Facebook for spam. This could be partially solved by #10 - at least, the URL wouldn't be in the share text.

Screenshot_20220320-084154

Denmark is confusing

When I entered "Denmark" as a guess, I got this:
denmark_or_greenland

Initially, I thought this was a bug, since it appears to be showing Greenland. On a lark, I read the Wikipedia page for Greenland, where I learned that a portion of Greenland is part of the Kingdom of Denmark (which I didn't realize was a thing until today).

So I guess this isn't necessarily wrong, but it is confusing. Also, it makes me question the meaning of the color value -- does the red mean the answer is close to Greenland? Or close to Denmark?

Anyway, just wanted to get this on your radar, since it's kind of a weird case.

After reload the closest country is not first.

After a freeze (the globe does not rotate) I decided to reload the page but the list of countries were not updated according to the closest one, the list is only updated after a new country is entered.
The showed order is the order in which you submitted them.
Screenshot from 2022-02-13 13-24-06
.

Puzzle resetting

The Globle FAQ states that "The mystery country changes and your guesses reset at midnight in your time zone". I live in GMT+8 and the puzzle reset at 12am in my time zone (Malta was the correct answer). I had managed to guess Malta in 7 tries previously. However, I opened the game again at around 10.45am but the puzzle had changed and all my previous guesses still stayed there but were all light-coloured. The solution had changed to Thailand. Is this a bug? Even if the puzzle did not reset at 12am in my timezone, surely my guesses would have reset?

Start new random game

I'd like to be able to just play again and again so I would appreciate a quordle-like play again feature.

Globle Unlimited

A lot of people want to keep playing after they finish one so I was thinking maybe a level system or making it unlimited

Globle countries issue

I was playing today globle and I tried U.S. and then I scrolled down to Antarctica and saw that it didn't register the countries claims in it now I know it says that y'all don't make small territories but it is pretty big

Colour changes after viewing help

Today, my 3rd guess was quite close (reddish). I then clicked on the help and clicked on the globe to get back to the game. The 3rd country had suddenly turned a peach colour (i.e. looked like a guess that wasn't so close). I could then play on fine and in fact the answer bordered the country in question, but clearly something went wrong with the colour changing. I have a screenshot I can share after today to avoid spoilers!

Thanks for the great game though!

Missing countries

Hiya,

Nice game, I'm enjoying learning where some places are that I couldn't have easily placed before! My friend recommended it to me, however we noticed that our countries aren't on it - Scotland and Wales are countries, as is Northern Ireland, and England is also a separate country 😉

Cheers,
Katie

Tiebreaker for neighboring countries

I played Globle today. I guessed Ukraine early on, then Romania and then Slovakia a bit later. At first, I dismissed the solution, Hungary, because the game continued to show me that Ukraine is closer than Romania as well as Romania being closer than Slovakia. Slovakia has a long border with Hungary, where Ukraine has a short border. The majority of Slovakia's territory is very close to Hungary, while the vast majority of Ukraine's territory is more distant than that.
Either way, my intuition would have been that Slovakia is obviously "closer" to Hungary than Ukraine.

I have since read in the FAQ that the distance metric was the distance between two countries' borders, so I assume that multiple neighboring countries simply tie and the sorting is stable by what was guessed first. However, I was wondering whether you had considered having a tie breaker for neighboring countries, such as for example the length of the shared border. Alternatively, it would help if it were easier to notice that two countries are tied in distance.

Minimal reproduction of the issue:
image

I Give Up! Button

Just an idea: Sometimes I’ve exhausted how many countries I can think of and I’m ready to give up. I’m happy for the streak to be broken but I still want to know the answer. I don’t want to check a map and come back and type all the answers until I get the right one cause that will keep my streak going.

An “I Give Up” button that shows the answer and immediately resets the streak would take care of that.

Improvement: Generate desktop/mobile messages in a consistent way

I was translating the game messages to portuguese when I noticed some inconsistencies on the way different text for mobile and desktop is handled. Specifically text telling the reader to either "Tap" (on mobile) or "Click" (on desktop).

The good approach ✅

For example, in message Aux1 from en-CA.ts (or other localized messsage file), the difference is handled by having a tuple containing the strings to be shown on the message in each context:

export const English: Messages = {
  ...
  Aux1: `<b>["Click", "Tap"]</b> [...]`
  ...
}

This array is later parsed by a function in the React component used to render the message, and only the suitable string for each context is shown on the actual message.

I found this first approach really neat, and it is great for translators, since we only need to follow the same pattern and translate the strings inside the array in order to get the desired result on the language we are translating to.

The bad approach ❌

Unfortunately, this solution is not used throghout the entire codebase. For example, in the same file on message Game4, we found a different approach for generating the messages. An interpolated variable is used instead:

export const English: Messages = {
  ...
  Game4: `[...] {click} [...]` 
  ...
}

This variable is hardcoded on the Message component to assume the value of either "tap" or "click" depending on the device the app is running. In my opinion this is a bad solution on the long term because it makes impossible for translators to translate this string without tweaking with parts of the codebase that should not be touched when you're only translating, which is far from ideal.

I suggest changing all the messages to use the first approach, and making all components handle it properly. This is a design decision that should be made early on, so we can standardize the messages and the way they're written before other translators use them.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.