the-abe-train / globle Goto Github PK
View Code? Open in Web Editor NEWUse your geography knowledge to figure out the mystery country in as few guesses as possbile!
Home Page: https://globle-game.com
License: Other
Use your geography knowledge to figure out the mystery country in as few guesses as possbile!
Home Page: https://globle-game.com
License: Other
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!
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).
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.
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.
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.
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.
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!
I'd like to be able to just play again and again so I would appreciate a quordle-like play again feature.
I've typed in several countries to be told that they are invalid.
How is Puerto Rico invalid?
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):
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:
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.
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
Maybe when the country is in view have a inset map pop up on the sides
The link indicating the deployment of this repository is currently invalid, as it points to globle.vercel.app
, which is not deployed.
It could possibly be exchanged with https://globle-game.com/.
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!
Thank you for your neat little game 👍🏻
One question: when playing on https://globle-game.com, I see traffic to https://cloudflareinsights.com. Where can I find that particular code within your repo? Honestly it feels a bit suspicious that just this particular piece of code is missing...
Best regards!
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.
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?
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
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!
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.
India's Map is incorrectly depicted on globle. Kindly do the needful.
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:
To fix this all you have to do is add autocomplete="off"
to the <input>
element.
A lot of people want to keep playing after they finish one so I was thinking maybe a level system or making it unlimited
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.
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.
Hi . Globle told me South Africa was about 150km from the answer, which was Lesotho. How can that be?
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.
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!!
Also tried Bosnia and Herzegovina. No dice!
I got a invalid name error when trying those countries today. But they are indepented country's within the kingdom of the Netherlands. But there are a country themselves.
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.
This is a great implementation of the idea so far!
However, many smaller country names are missing including:
some "countries" part of larger entities are not present:
while other countries/territories that are part of other entities are 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:
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.
Only a part of the Andaman and Nicobar islands are highlighted when I enter India.
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!
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)
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)
I'd suggest showing the tutorial/help screen only the first time you play the game on a device. Afterwards, show directly the game screen.
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:
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).
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.
Suggestion: make the answers a list instead of a grid. Also, add a small distance indicator next to each country (along with the flag).
Suggestion: replace the country input field with the victory banner.
I've made 2 versions of this screen, one that is more similar to the current one, and one with a different layout.
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!
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.
https://en.wikipedia.org/wiki/Cape_Verde
Sporcle accepts Cape Verde as an acceptable spelling for Cabo Verde. Since the name in English is Cape Verde, can you add it as such?
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 😀
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 😁
When I entered "Denmark" as a guess, I got this:
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.
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.