mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2026-02-05 01:51:23 +01:00
48 lines
1.5 KiB
Markdown
48 lines
1.5 KiB
Markdown
## Grid Numbering Debug Checklist
|
|
|
|
Looking at your screenshot, I can see the hex grid is displaying but no numbers. Here's what to check:
|
|
|
|
### Step 1: Open the Style Panel (RIGHT sidebar)
|
|
|
|
I see the Layers panel on the LEFT in your screenshot, but you need the **Style** panel on the RIGHT.
|
|
|
|
**Click the "Style" tab** in the top-right area of the screen (next to "Options" and "Tools").
|
|
|
|
### Step 2: In the Style Panel:
|
|
|
|
1. From the dropdown that says "Select element", choose **"Grid"**
|
|
2. You should see these options appear:
|
|
- Type: (select "Hex grid (pointy)")
|
|
- Scale
|
|
- Shift by axes
|
|
- **☑ Show grid numbers** ← CHECK THIS BOX!
|
|
- Number size
|
|
- Number color
|
|
|
|
### Step 3: If you DON'T see "Show grid numbers" checkbox:
|
|
|
|
The JavaScript didn't load. Open browser console (F12) and check for errors:
|
|
- Press F12
|
|
- Click "Console" tab
|
|
- Look for any red error messages
|
|
- Take a screenshot and share it
|
|
|
|
### Quick JavaScript Test
|
|
|
|
Open browser console (F12) and paste this:
|
|
|
|
```javascript
|
|
// Check if the function exists
|
|
console.log("drawGridNumbers function exists:", typeof drawGridNumbers === "function");
|
|
|
|
// Check grid overlay attributes
|
|
console.log("Grid data-show-numbers:", gridOverlay.attr("data-show-numbers"));
|
|
|
|
// Manually enable grid numbering
|
|
gridOverlay.attr("data-show-numbers", "1");
|
|
gridOverlay.attr("data-number-size", "12");
|
|
gridOverlay.attr("data-number-color", "#000000");
|
|
drawGrid();
|
|
```
|
|
|
|
If this makes numbers appear, the code works but the UI isn't connected properly.
|