Happy National Scrabble Day!
I always stunk at Scrabble. It didn’t help that my mother was trained as an English teacher. She loved spelling, definitions, grammar — all of it — and took no mercy on her children, regardless of our age. (For the record, she still skunks me at Bananagrams too.)
But I do enjoy the game. In fact, I love all games! I play Euro boardgames, nerdy deck-building card games, and tactical war games with my local gaming friends several week nights or weekend days most weeks.
And as an analog game addict, I was thrilled to see a game with its very own day — that wasn’t Monopoly. (Curses!)
I like designing games too, in my spare time, so I thought… let’s combine Scrabble with Geography for this map.
Moreover, it’s fun to see where people visit our prompt maps from, so I thought… why not let people record their scores and see how they do compared to others? So I added a little database so you can store your high score like you’re playing Pole Position at an arcade on the Italian Riviera in 1983! (That’s what my brother spent his summer doing. He was so proud having the highest score for kilometers around!)
## How to Play
A country name will be randomly selected. You will be shown the letters required to spell it.
Simply drag the letters to spell the country name. Once you’ve spelled it right, you’ll hear a little ding and be shown the next random country to spell. You earn points based on the real-life Scrabble value of the letters in the country name.

View Map Here / Play Game Here
You get three passes. (I admit, there are some questionable ones in there. I blame Natural Earth data for those… “StGeorge and Isl”?) Save those passes for when you really need them! 🙂
After that, your score is frozen. You can keep playing if you want. Or you can record your score and see how you compare.
The countries fill in as you solve them and their point totals are added to a list you can see.
This works on mobile too. I tried it. It’s a little easier in some ways dragging letters on mobile. (Though, the map is not very big. You can zoom if you like.
Have fun! And play more games; they keep people young and may help prevent dementia.
Original Web Mapper GPT Prompt
# Intention
I would like to make a fun, puzzle map for International Scrabble Day on Monday.
For this map, I would like to have a world map where someone is shown a scrambled country name.
They need to unscramble the name by pulling and placing the letters in the correct order (some squares at the bottom of the map where Antarctica would be. (I ask that you exclude Antarctica from the map for the interactive board area.)
Once a country is correctly spelled, it is automatically filled, and the points for that country (based on the Scrabble point values for the letters in the name just spelled) is added to a score board.
If a user completes the entire map, the map will be filled in with countries and they will be able to enter their first name, last name initial, and country of residence on a User Score board that is maintained on the server and shown when the user clicks a button that will be described later.
# Map Area
Please use natural earth countries without lakes boundary data. Equal Earth Projection. Remove Antarctica and islands smaller than 300 square kilometers.
## Map Interactivity
Allow the user to zoom in on the map up to five times full extent and pan the map. Do not allow the user to zoom out past the map’s full extent nor pan off the edge of the map.
## Map Coloring. The app background should be light gray with random, intermittent, and very light tiles and squares in pink and blue in the same style of a Scrabble board. Make it lighter than a scrabble board, though. Just game board light with light papery texture.
The countries should start off with light gray, semi-transparent (65% alpha) fills. The border outlines should be 100% alpha and the baby blue from the Scrabble board, full value and saturation (unlike the background blue).
## When a country name is spelled correctly
The country will fill with a wood-tile grain style fill (like the letter pieces in Scrabble.) Make sure they tile to fill without gaudy interruptions in the image in large countries like Canada and Russia, etc.
## Country click
When a user clicks on a country, nothing happens if the user has not yet filled in the name successfully or been offered an opportunity to fill in the name.
### Country name concluded
If the user already successfully spelled the name, the country is filled in with wood grain, and the user may click on the country and see the name of the country as well as its point value based on Scrabble letters. (You will have to look up the value of different Scrabble letter points in English and determine this when coding. Sorry, I’m not sure offhand.)
# The Scrabble Game
At the bottom of the map (where Antarctica would be) will be the game area.
You will randomly select one of the countries in the Natural Earth Dataset and provide a number of blank square spaces at the bottom center of the map that the user must fill in.
Additionally, you will provide all the letters required to fill in the spelling, one for each blank square at the bottom, scattered over the center of the world map at different, random angles between -45 to +45 angles from standard reading level so they are all right-side up but look truly dispersed on the board. Ensure that the letters are mixed and NOT in the correct order to spell the country name easily. (The game is figuring out what country name to spell.)
The user will drag each letter to a square and drop it. When dropped, it should be made to fit correctly (and at the correct angle). The user will spell the country name. The user may move letters that have already been dropped to other spaces (so they can correct misspellings). If another letters is already in that space, they will swap spaces. If a new letter is dropped onto a space that already has a letter in it, the originally placed letter will be displaced to just above the space it was in so the user can use it again in a different space.
Once a user spells a country’s name correctly, make a light ding noise (like a help desk bell sound) and randomly select another country from those remaining (i.e., that haven’t yet been played) and set up the new game board. Also, make sure the country that they just spelled fills in on the board as described above in the map section.
When the user spells the name correctly, automatically add the Scrabble point total to the scoreboard, which I will be mentioned in more detail later. Keep a sum.
The user will get “Three Passes.” Each pass is -50 points. However, when used, have the letters move and arrange themselves to fill in the spelling. Do the ding, flash “-50” on the screen briefly, and fill in the country. Subtract 50 points from the score. Negative scores are possible.
The pass button should be to the right of the empty spelling squares for each country. When the user hovers over the “Pass” button, tell them how many passes they have left. Once they have used all three passes, remove the button from all forthcoming spelling challenges and instead replace the button with a “Record My Score” button.
When the user clicks the “Record My Score” button, show a score-modal in the middle of the screen. The score-modal should be titled: “Join our leaderboard”. It should contain two fill-in input text boxes.
– Name/Alias: {they fill in an alias name. Ensure no derogatory, sexual, or vulgar words are allowed please}
– Country of Residence: {country where they live}
Add a save button.
Once saved, update the modal to show all saved scores with Alias, Country, and Total Score in table format (without borders) in descending order from highest score to lowest. Add a scroll bar if enough people record their score that you need to scroll down. Maintain this scoring database on the backend. (I have my own Ubuntu/Apache server, so if I need to do something on the backend to make this happen, I can.)
Make sure that the user can close out the save and high scores dual modal by click a close button “X” in the upper right.
# Title
Place the title in the upper left of the map, on a navbar header. Use a traditional Scrabble-title like font from Google Fonts.
Title = “International Scrabble Day!”
# Information
On the right side of the navbar header, have an “i” icon for information.
When the user clicks on the “i”, have a modal pop up with simple, straight-forward, and inviting directions on how to play the game.
At the top of the modal please place an obvious but not gaudy “High Scores” button and when clicked replace the text and info in the current modal with a table (styled the same as the high scores table above) showing Alias and Score for the Top 10 scores currently saved. There should be a small “X” button inside the scores text to get back to the information modal content.
At the bottom of the modal include styled hyperlinks mentioning “Created for free with Web Mapper GPT” with a link to the provenance file, and then some text to “ICA Map Design Commission” with a hyperlink to “https://mapdesign.icaci.org”. In the provenance put “Idea and design by Ian Muehlenhaus.”
# Mobile devices.
The following directions pertains to only handheld mobile devices:
– Please make this mobile device friendly by ensuring the user is in landscape mode for it to work.
– Have the title bar disappear after 8 seconds. In the lower left corner add a button to click that shows the title bar again, or hides it if it is showing. (A show/hide button, so to speak).
– Ensure the letters are large enough to click on and drag with a fat finger. 🙂
Thank you.
Any questions before you begin? If not, proceed. If yes, stop and ask before concluding. Thanks!