HappyIslandDesigner
No description available
Install / Use
/learn @eugeneration/HappyIslandDesignerREADME
Happy Island Designer
Create your own at: https://eugeneration.github.io/HappyIslandDesigner/
Report bugs in the Issues tab or on the Discord
![]()
Features
- autosave
- undo/redo
- zooming
- Choose between flat icons or high quality renders for building icons
- Save an image of a map and load the image back in to recover your map (the map data is encoded in the image)
- Click the tool icon a second time to hide the pop out tool menu
- Brush size selector
- Line toggle buttons
- Mobile - pinch to zoom and two finger swipe to scroll
Hotkeys
- Hold
SHIFTto draw straight lines - Hold
ALTand click a color to switch to it - Hold
ALTand scroll to zoom - Hold
SPACEBARand drag to pan
Known Issues
Note that if you edit/compress the saved image, the encoded data will get corrupted. If you're sharing a map, make sure to use an image host that doesn't compress the image.
The UI isn't really optimal for mobile, but at least it works.
The UI will be cut off if you hold your phone in landscape mode.
FAQ
The browser crashes every time I open it!
The autosave file might be corrupted. Open the browser console (hit F12) and run this command editor.clearAutosave() to remove your autosave file.
Future Enahancements
- All the icons
- Island name banner
- Text labels
- UI overhaul
- Isometric view??
Development
Once I saw that you could customize your island in the AC direct, I was inspired to make a tool that lets you make your own island. Several dozen hours of work later, I have this! This is an alpha build, so some things may be wonky, and the maps data may become incompatible with future versions.
Click here for technical details.
Click here for local development info.
Related Skills
diffs
344.1kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
