eugeneration / happyislanddesigner Goto Github PK

Water and paths behave differently than normal terrain. Water should be separated out into its own tool like paths. This will allow us to control the rendering of these elements.

In the game, water and paths are inset about 5-10%, which has led to some complaints of the map editor scaling not being accurate.

create a button to full screen the application so you have more space (especially on mobile). This ties into the web-app API, which allows people to save a website onto their mobile device's homescreen. You can set up a webpage to open up fullscreen by default when it is a web-app

The current single-strip UI won't scale, and isn't a great experience on mobile (~60% of users are mobile). There are also more features coming in like labeling, more types of objects, stickers, etc that need a space in the UI.

Here are some of the design investigations I've been doing.

It will still 'feel' like animal crossing as the style is loosely based off of the object sorting menu (previous design was based off of the inventory UI)

There are many objects with multiple variants such as the house, townhall/residential services, nooks cranny, airport, flowers, trees, etc.

Listing every single object in the UI will get too busy, it should be possible to select the object and then its variants.

You can consider solving this in another way: there is a global map setting that controls several states, including seasons and game progression. The trees and buldings will automatically update based on this state

Mobile: the hotkey menu should not display
MacOS: Should say ⌘ rather than ctrl for MacOS

1. The ramps only have the one direction, while the bridges have them rotated. It'd be great to have a rotated ramp that ends on the right side.

2. When you are zoomed in i can't figure out how to move left and right on the map without zooming out and back in again. Using shift+scroll wheel for left and right movement would make using the editor while zoomed in a lot simpler.

Amazing work so far, and thank you for considering my feature ideas.

2 down 5 across from this graphic. Surveyed tile by tile as best as I could manage.

{"version":1,"objects":{"amenities_airport":[59,84],"amenities_dock":[104,84],"amenities_center":[75,45]},"drawing":{"sand":[[18,11,20,11,22,13,24,11,25,11,25,10,26,9,26,8,27,7,29,7,30,8,30,12,31,13,32,13,33,12,33,10,35,8,37,8,38,9,45,9,48,12,49,12,50,11,53,11,54,10,57,10,58,11,59,11,60,10,62,10,64,12,65,12,67,10,68,10,69,11,72,11,73,12,74,12,75,11,77,11,78,12,80,12,80,9,81,9,82,8,83,8,84,9,84,11,85,12,86,11,87,11,88,12,89,12,90,11,91,11,92,10,95,10,96,11,96,12,98,10,100,10,100,11,101,11,102,10,104,10,106,8,109,8,109,9,108,10,108,13,107,14,106,14,105,15,105,17,106,18,106,21,105,22,105,26,106,27,106,29,105,30,105,33,104,34,106,34,106,36,107,37,107,38,106,39,106,41,105,42,104,42,104,45,105,46,105,51,106,52,109,52,109,54,108,54,107,55,103,55,102,56,101,56,101,58,105,62,105,65,106,66,106,68,108,70,108,74,107,75,107,77,105,79,105,86,104,87,103,87,102,88,100,88,97,91,94,91,92,89,92,87,90,85,90,78,89,77,89,74,87,72,87,71,86,70,86,65,88,63,88,62,89,61,89,55,88,54,88,52,89,51,89,50,90,49,90,47,89,46,89,45,87,43,86,43,84,41,84,40,83,39,83,38,81,36,79,36,78,35,78,33,79,32,80,32,81,31,83,31,84,32,88,32,89,31,89,30,90,29,90,25,92,23,92,22,90,20,89,20,88,19,85,19,84,20,84,22,86,24,86,27,85,28,84,28,83,27,81,27,80,28,77,28,76,29,75,29,74,30,74,35,72,37,71,37,69,39,69,40,68,41,66,41,65,40,60,40,59,41,54,41,53,42,49,42,48,43,47,43,46,44,43,44,42,45,41,45,38,48,38,49,37,50,37,54,36,55,28,55,27,54,27,52,26,51,26,46,25,45,25,38,24,37,24,36,25,35,25,34,27,32,27,29,30,26,32,26,33,27,36,27,37,26,39,26,40,25,40,19,42,17,42,16,41,15,34,15,33,16,33,17,34,18,35,18,36,19,36,22,35,23,33,23,32,22,29,22,28,23,27,23,25,25,25,26,23,28,23,31,22,32,22,33,20,35,20,38,21,39,21,44,22,45,22,53,23,54,23,56,25,58,25,59,26,60,28,60,29,59,36,59,37,60,37,65,32,70,31,70,27,74,25,74,24,75,23,75,21,77,21,80,22,81,22,85,20,87,20,90,19,91,14,91,12,89,12,86,9,83,8,83,7,82,7,79,9,77,9,76,11,74,11,73,10,72,10,69,7,66,7,62,8,61,8,58,10,56,10,52,7,49,7,44,6,45,5,45,4,44,4,43,3,43,2,42,2,40,3,39,4,39,4,37,3,36,3,35,4,34,7,34,7,31,4,28,4,24,5,23,5,22,6,21,6,18,7,17,7,15,6,15,5,14,4,14,4,10,3,9,3,7,4,6,5,6,5,7,6,7,6,8,7,9,8,9,10,11,12,11,12,10,15,10,16,11,16,13,17,13,17,12],[74,86,70,86,69,85,68,85,68,84,67,85,61,85,61,86,68,86,69,87,69,91,68,92,60,92,59,91,59,86,58,86,58,85,55,85,49,91,47,91,46,90,44,90,42,92,40,92,39,93,36,93,35,92,34,92,33,91,27,91,27,89,26,88,26,81,25,80,25,79,26,78,28,78,33,73,34,73,37,70,38,70,39,69,39,68,41,66,41,59,40,58,40,56,41,55,41,52,42,51,42,50,44,48,47,48,48,47,49,47,50,46,54,46,55,45,59,45,60,44,65,44,66,45,68,45,69,44,70,44,74,40,79,40,81,42,81,43,84,46,85,46,86,47,86,48,84,50,84,55,85,56,85,60,83,62,83,63,82,64,82,71,83,72,83,73,85,75,85,78,86,79,86,89,85,90,85,91,79,91],[50,31,53,34,54,34,55,33,56,33,57,32,57,31,58,30,58,29,57,28,56,28,55,29,54,29,53,28,51,28,50,29]],"level1":[[12,35,13,34,13,31,12,30,12,29,10,27,10,25,11,24,11,21,12,20,12,19,13,18,13,16,16,13,96,13,99,16,99,18,100,19,100,21,99,22,99,24,100,25,100,30,99,31,99,33,100,34,100,37,99,38,99,41,100,42,100,46,99,47,99,49,100,50,103,50,104,51,105,51,106,52,109,52,109,54,108,54,107,55,103,55,102,56,101,56,99,58,99,59,100,60,100,62,99,63,99,65,102,68,102,71,101,72,101,74,100,75,100,76,99,77,99,81,97,83,93,83,92,84,90,84,90,78,89,77,89,74,87,72,87,71,86,70,86,65,88,63,88,62,89,61,89,55,88,54,88,52,89,51,89,50,90,49,90,47,89,46,89,45,87,43,86,43,84,41,84,40,83,39,83,38,81,36,79,36,78,35,78,33,79,32,80,32,81,31,83,31,84,32,88,32,89,31,89,30,90,29,90,25,92,23,92,22,90,20,89,20,88,19,85,19,84,20,84,22,86,24,86,27,85,28,84,28,83,27,81,27,80,28,77,28,76,29,75,29,74,30,74,35,72,37,71,37,69,39,69,40,68,41,66,41,65,40,60,40,59,41,54,41,53,42,49,42,48,43,47,43,46,44,43,44,42,45,41,45,38,48,38,49,37,50,37,54,36,55,28,55,27,54,27,52,26,51,26,46,25,45,25,38,24,37,24,36,25,35,25,34,27,32,27,29,30,26,32,26,33,27,36,27,37,26,39,26,40,25,40,19,42,17,42,16,41,15,34,15,33,16,33,17,34,18,35,18,36,19,36,22,35,23,33,23,32,22,29,22,28,23,27,23,25,25,25,26,23,28,23,31,22,32,22,33,20,35,20,38,21,39,21,44,22,45,22,53,23,54,23,56,25,58,25,59,26,60,28,60,29,59,36,59,37,60,37,65,32,70,31,70,27,74,25,74,24,75,23,75,21,77,21,80,22,81,22,84,19,84,18,83,14,83,14,82,13,81,13,78,12,77,12,72,13,71,13,68,12,67,12,66,13,65,13,62,11,60,11,53,12,52,12,50,13,49,13,47,11,45,11,44,10,43,10,40,12,38],[84,84,83,83,47,83,46,84,45,84,43,86,40,86,39,85,38,85,37,84,35,84,34,83,29,83,28,84,26,84,26,81,25,80,25,79,26,78,28,78,33,73,34,73,37,70,38,70,39,69,39,68,41,66,41,59,40,58,40,56,41,55,41,52,42,51,42,50,44,48,47,48,48,47,49,47,50,46,54,46,55,45,59,45,60,44,65,44,66,45,68,45,69,44,70,44,74,40,79,40,81,42,81,43,84,46,85,46,86,47,86,48,84,50,84,55,85,56,85,60,83,62,83,63,82,64,82,71,83,72,83,73,85,75,85,78,86,79,86,84],[55,29,54,29,53,28,51,28,50,29,50,31,53,34,54,34,55,33,56,33,57,32,57,31,58,30,58,29,57,28,56,28]],"level2":[60,29,58,27,54,27,53,26,52,26,51,27,49,27,48,28,48,29,46,31,45,31,44,32,37,32,36,33,32,33,31,34,31,36,30,37,30,40,28,42,28,43,27,44,27,48,28,49,30,49,31,50,32,50,33,51,33,52,34,53,34,55,28,55,27,54,27,52,26,51,26,46,25,45,25,38,24,37,24,36,25,35,25,34,27,32,27,29,30,26,32,26,33,27,36,27,37,26,39,26,40,25,40,19,42,17,42,16,41,15,34,15,33,16,33,17,34,18,35,18,36,19,36,22,35,23,33,23,32,22,29,22,28,23,27,23,25,25,25,26,23,28,23,31,22,32,22,33,20,35,20,38,21,39,21,44,22,45,22,53,23,54,23,56,25,58,25,59,26,60,28,60,29,59,34,59,34,61,32,63,29,63,28,64,19,64,18,65,17,65,15,63,15,62,13,60,13,50,14,49,14,47,13,46,13,31,15,29,15,28,14,27,14,25,13,24,13,16,16,13,96,13,99,16,99,22,96,25,93,25,92,26,90,26,90,25,92,23,92,22,90,20,89,20,88,19,85,19,84,20,84,22,86,24,86,26,85,25,83,25,82,24,78,24,77,25,74,25,73,26,72,26,70,28,66,28,65,29],"level3":[[83,18,82,19,82,20,81,21,77,21,76,22,72,22,70,20,66,20,64,22,63,22,62,23,60,23,59,22,58,22,55,19,54,19,53,18,53,15,54,14,84,14,85,15,85,17,84,18],[46,16,44,18,44,19,43,20,40,20,40,19,42,17,42,16,41,15,34,15,33,16,33,17,34,18,35,18,36,19,36,20,30,20,29,21,25,21,24,20,23,20,20,23,20,24,21,25,21,31,19,33,19,36,18,37,18,41,19,42,19,43,20,44,20,47,21,48,21,51,18,54,17,54,16,55,15,55,14,54,14,52,15,51,15,46,14,45,14,33,16,31,16,27,15,26,15,24,14,23,14,17,17,14,45,14,46,15]],"rock":[[18,11,20,11,22,13,17,13,17,12],[13,16,9,16,8,15,6,15,5,14,4,14,4,10,3,9,3,7,4,6,5,6,5,7,6,7,6,8,7,9,8,9,10,11,12,11,12,10,15,10,16,11,16,13],[32,13,33,12,33,10,35,8,37,8,38,9,38,11,43,11,43,9,45,9,48,12,49,12,50,11,53,11,54,10,57,10,58,11,59,11,60,10,62,10,64,12,65,12,67,10,68,10,69,11,72,11,73,12,74,12,75,11,77,11,78,12,80,12,80,9,81,9,82,8,83,8,84,9,84,11,85,12,86,11,87,11,88,12,89,12,90,11,91,11,92,10,95,10,96,11,96,12,98,10,100,10,100,11,101,11,102,10,104,10,106,8,109,8,109,9,108,10,108,13,107,14,106,14,105,15,104,15,103,16,99,16,96,13],[93,89,93,90,92,89],[60,92,59,91,59,86,58,86,58,85,57,85,56,84,57,83,59,83,59,86,68,86,69,87,69,91,68,92],[61,83,69,83,69,85,68,85,68,84,67,85,61,85],[24,11,25,11,25,10,26,9,26,8,27,7,29,7,30,8,30,12,31,13,22,13],[12,67,13,68,13,71,12,72,11,71,11,68],[19,88,19,87,20,87,20,88],[85,90,85,91,83,91,84,90],[102,36,103,36,104,35,104,34,106,34,106,36,107,37,107,38,106,39,106,41,105,42,104,42,101,39,101,38,102,37],[28,91,27,91,27,89,28,90],[18,91,18,90,19,89,20,89,20,90,19,91],[9,36,9,38,8,39,8,43,6,45,5,45,4,44,4,43,3,43,2,42,2,40,3,39,4,39,4,37,3,36,3,35,4,34,7,34]]}}

The big grid contains 16 * 16 small grids now. This brings inconvenience to the design.
Please add mid-level grid for every 4 small grids.

My personal implement
app/drawer.js
3843 line.opacity = blockEdge ? 0.5 : (i % 4 == 0 ? 0.35 : 0.2);

The following flowers are available in New Horizons:

• Lily
• Tulip
• Rose
• Pansy
• Cosmos
• Windflower
• Hyacinth
• Mum

To see sprites currently packaged in this project, see https://github.com/eugeneration/HappyIslandDesigner/tree/master/sprite/flower

To reproduce:

1. select a flower from the menu
2. place three flowers in a row
3. click the middle flower to open the menu to remove the item
4. observe the flower on the right overlaps the "x" button

The same bug can be observed when placing/removing trees.

It would be very helpful for island building to be able to hide or show all buildings/trees/plants/paths after designing everything to focus on certain stuff.

After designing an entire island it would be useful to toggle everything but the terrain off to focus on terraforming. Then toggle on the paths, draw them, and show buildings later to position them, etc.

Making UI in canvas is possible, but it is probably inefficient for the renderer and will get increasingly harder to scale as the app gets more complicated.

The downsides of migrating is that all sprites will have to be rendered in two different ways, once for react and once for the canvas. However, this is pretty much already the state of things as I have to have separate scaling for the map and for the ui

Not sure if this would be the right place to put this but I made a map: the one on the bottom right corner of this Image

Console output:
{"version":1,"objects":{"amenities_townhallSprite":[75,56],"amenities_airportBlue":[74,85]},"drawing":{"sand":[[25,16,24,17,24,19,25,20,25,28,27,30,28,30,29,31,40,31,41,32,41,36,40,37,39,37,37,39,37,40,36,41,36,48,37,49,37,51,38,52,38,57,39,58,40,58,41,59,41,60,40,61,40,66,43,69,43,73,38,78,38,85,37,86,37,87,36,88,36,90,35,91,35,92,34,93,30,93,29,94,26,94,25,93,23,93,22,92,18,92,17,93,14,93,13,94,10,94,6,90,6,88,4,86,7,86,7,84,6,85,5,84,4,84,4,83,5,82,5,79,6,78,6,77,7,76,7,69,6,68,6,66,5,65,5,62,4,61,4,59,3,59,2,58,2,56,3,55,4,55,4,53,3,52,3,51,4,50,5,50,5,47,7,45,7,44,9,42,9,40,8,39,8,36,5,33,5,30,6,29,6,26,7,25,7,20,5,18,5,9,6,8,9,8,10,9,10,10,11,11,12,10,15,10,16,11,16,13,18,13,19,12,19,10,20,9,24,9,25,10,26,10,27,11,29,11,31,13,32,13,35,10,35,8,36,7,42,7,43,8,43,9,45,9,48,12,48,13,50,13,51,12,51,10,52,9,56,9,57,10,58,10,59,11,61,11,63,13,64,13,65,12,66,12,67,11,70,11,71,12,73,12,74,11,76,11,77,10,78,10,79,11,79,12,80,13,81,12,82,12,83,11,85,11,86,12,87,12,88,13,90,11,92,11,93,10,94,10,95,11,95,12,96,12,96,10,97,9,98,9,99,8,99,7,100,8,102,8,103,9,103,8,104,7,105,7,107,9,107,10,106,11,108,13,107,14,107,15,106,15,107,16,107,17,108,18,108,19,107,20,108,20,110,22,110,26,109,27,109,29,107,31,107,36,106,37,103,37,101,39,100,38,92,38,89,35,88,35,87,36,83,36,82,35,80,35,77,38,76,38,74,40,73,40,68,45,63,45,62,46,60,46,59,45,59,44,55,40,53,40,50,37,46,37,45,36,45,30,43,28,42,28,41,27,30,27,29,26,29,21,31,19,31,17,30,16],[109,68,111,70,111,73,110,74,108,74,107,73,107,74,105,76,107,78,107,83,106,84,106,85,105,86,104,86,104,87,102,87,100,89,100,91,99,92,98,92,97,93,95,93,90,88,86,88,84,86,84,92,83,93,77,93,76,92,74,92,73,91,73,86,74,85,73,85,65,93,62,93,61,94,59,94,58,95,55,95,54,94,52,94,51,93,51,92,43,92,43,89,42,88,42,80,44,78,45,78,47,76,47,68,46,67,46,66,44,64,44,62,45,61,45,58,42,55,42,50,41,49,41,48,40,47,40,42,41,41,44,41,45,42,49,42,51,44,54,44,55,45,55,46,59,50,64,50,65,49,70,49,78,41,82,41,83,40,89,40,91,42,105,42,107,44,107,49,106,50,106,52,107,53,108,53,110,55,110,56,109,57,109,58,107,60,106,60,106,62,107,63,107,65,108,66,108,68],[68,20,67,19,67,18,66,17,65,17,64,16,63,16,62,17,62,18,63,19,63,20,65,22,67,22,68,21],[84,15,82,17,82,18,83,19,83,22,84,23,86,23,87,22,87,21,91,21,92,22,94,22,95,21,95,17,94,16,92,16,91,17,87,17,87,16,86,15],[52,28,52,29,53,30,53,31,52,32,52,33,53,34,55,34,56,33,58,33,59,32,59,30,58,29,57,29,56,28,56,27,55,26,54,26]],"level1":[[12,34,13,33,13,23,12,22,12,18,13,17,13,14,14,13,96,13,97,14,98,14,99,15,100,15,99,16,99,17,102,20,102,23,101,24,101,26,100,27,100,28,99,29,99,34,100,35,100,38,92,38,89,35,88,35,87,36,83,36,82,35,80,35,77,38,76,38,74,40,73,40,68,45,63,45,62,46,60,46,59,45,59,44,55,40,53,40,50,37,46,37,45,36,45,30,43,28,42,28,41,27,30,27,29,26,29,21,31,19,31,17,30,16,25,16,24,17,24,19,25,20,25,28,27,30,28,30,29,31,40,31,41,32,41,36,40,37,39,37,37,39,37,40,36,41,36,48,37,49,37,51,38,52,38,57,39,58,40,58,41,59,41,60,40,61,40,66,43,69,43,73,38,78,38,84,36,84,35,83,30,83,29,84,27,84,26,83,24,83,23,84,19,84,18,83,15,83,15,82,14,82,13,81,13,79,12,78,12,76,13,75,13,72,12,71,12,70,11,69,11,67,13,65,13,63,11,61,11,60,10,59,10,56,12,54,12,51,13,50,13,46,12,45,12,41,13,41,13,36,12,35],[101,76,99,78,99,81,97,83,63,83,62,84,61,84,60,85,57,85,56,86,53,86,52,85,51,85,49,83,45,83,44,84,42,84,42,80,44,78,45,78,47,76,47,68,46,67,46,66,44,64,44,62,45,61,45,58,42,55,42,50,41,49,41,48,40,47,40,42,41,41,44,41,45,42,49,42,51,44,54,44,55,45,55,46,59,50,64,50,65,49,70,49,78,41,82,41,83,40,89,40,91,42,100,42,100,44,99,45,99,49,100,50,100,52,99,53,99,56,101,58,101,60,99,62,99,66,101,68,109,68,111,70,111,73,110,74,108,74,107,73,106,73,105,72,102,72,101,73],[68,20,67,19,67,18,66,17,65,17,64,16,63,16,62,17,62,18,63,19,63,20,65,22,67,22,68,21],[84,15,82,17,82,18,83,19,83,22,84,23,86,23,87,22,87,21,91,21,92,22,94,22,95,21,95,17,94,16,92,16,91,17,87,17,87,16,86,15],[52,28,52,29,53,30,53,31,52,32,52,33,53,34,55,34,56,33,58,33,59,32,59,30,58,29,57,29,56,28,56,27,55,26,54,26]],"level2":[[41,27,30,27,29,26,29,21,31,19,31,17,30,16,25,16,24,17,24,19,25,20,25,28,27,30,28,30,29,31,40,31,41,32,41,34,34,34,32,36,30,36,28,38,28,39,29,40,29,45,30,46,30,50,31,51,31,55,32,56,32,58,28,62,25,62,24,63,19,63,18,62,15,62,14,61,14,60,13,59,13,53,14,52,14,47,13,46,13,37,15,35,15,30,14,29,14,24,13,23,13,16,16,13,49,13,51,15,51,21,49,23,49,32,47,34,45,34,45,30,43,28,42,28],[64,30,63,29,63,28,59,24,59,20,58,19,58,15,60,13,96,13,98,15,98,16,99,17,99,25,98,25,98,30,97,31,90,31,88,29,88,28,87,27,85,27,84,28,83,28,81,30,77,30,76,29,73,29,72,30],[68,20,67,19,67,18,66,17,65,17,64,16,63,16,62,17,62,18,63,19,63,20,65,22,67,22,68,21],[84,15,82,17,82,18,83,19,83,22,84,23,86,23,87,22,87,21,91,21,92,22,94,22,95,21,95,17,94,16,92,16,91,17,87,17,87,16,86,15]],"level3":[[14,17,17,14,36,14,37,15,38,15,39,16,39,21,38,22,38,23,36,25,34,25,33,24,32,24,31,25,29,25,29,21,31,19,31,17,30,16,25,16,24,17,24,19,25,20,25,25,23,25,22,24,21,24,20,23,17,23,16,22,15,22,14,21],[15,40,16,40,17,39,20,39,22,41,23,41,24,42,24,49,25,50,25,55,24,56,24,58,22,60,17,60,15,58,15,49,16,48,16,46,14,44,14,41],[87,17,87,15,88,14,95,14,98,17,98,23,97,24,97,28,95,30,91,30,89,28,89,27,88,26,88,25,87,24,87,21,91,21,92,22,94,22,95,21,95,17,94,16,92,16,91,17]],"rock":[[18,13,19,12,19,10,20,9,24,9,25,10,26,10,27,11,29,11,31,13],[36,9,37,10,37,11,42,11,42,9,45,9,48,12,48,13,32,13],[50,13,51,12,51,10,52,9,56,9,57,10,58,10,59,11,61,11,63,13],[67,11,70,11,71,12,73,12,74,11,76,11,77,10,78,10,79,11,79,12,80,13,81,12,82,12,83,11,85,11,86,12,87,12,88,13,90,11,92,11,93,10,94,10,95,11,95,12,96,12,96,10,97,9,98,9,99,8,99,7,100,8,102,8,103,9,103,8,104,7,105,7,107,9,107,10,106,11,108,13,107,14,107,15,99,15,98,14,97,14,96,13,64,13,65,12,66,12],[12,16,10,14,7,14,5,12,5,9,6,8,9,8,10,9,10,10,11,11,12,10,15,10,16,11,16,13,14,13,13,14,13,15],[11,19,12,20,12,24,10,24,10,23,9,23,9,21],[11,37,12,36,13,36,13,40,12,41,11,40],[8,59,6,61,5,61,4,60,4,59,3,59,2,58,2,56,3,55,4,55,4,53,3,52,3,51,4,50,7,50,9,52,9,54,8,55],[102,37,102,38,101,39,100,38,100,37],[44,89,44,91,43,91,43,89],[35,92,34,91,34,90,35,89,36,90,35,91],[36,86,37,87,36,88,35,87],[72,84,72,83,75,83,75,84,77,84,77,83,85,83,85,86,84,86,84,92,83,93,77,93,76,92,74,92,73,91,73,86,74,85,73,85,73,84],[103,42,105,42,106,43,105,44,104,44,103,43],[102,52,105,52,106,53,108,53,110,55,110,56,109,57,109,58,107,60,106,60,105,59,105,57,103,57,101,55,101,53]],"pathBrick":[1,84,7,84,7,86,1,86],"pathSand":[73,56,83,56,84,57,84,65,83,66,73,66,72,65,72,57],"pathDirt":[]}}

When selecting an object, the user should be able to copy and paste the objects to conveniently create things like a flower field. Alt-drag should allow users to duplicate objects a-la Illustrator

To support mobile, the UI should change to reflect actions that can be taken while the object is selected.

Many people have been kind enough to share their map templates - Add them to a UI to allow people to start from an island that most closely resembles their island

I am able to draw and place items far outside of the map.

The PNG RFC offers compressed, easy to read, and unlimited storage in zTXt chunks that would be a significant improvement over using stenography. It would be nice to have in JSON format for export to other tools!

https://www.w3.org/TR/2003/REC-PNG-20031110/#11zTXt

This library seems to provide the functionality: https://github.com/finnp/png-itxt

Notify visitors to update their browser to the latest version. https://browser-update.org

<script> 
var $buoop = {required:{e:-1,f:-1,o:-1,s:-1,c:-1},insecure:true,api:2020.03 }; 
function $buo_f(){ 
 var e = document.createElement("script"); 
 e.src = "//browser-update.org/update.min.js"; 
 document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>

The grid becomes blurry when zoomed in.

It is currently very hard to draw diagonal lines. The drawing system should choose between the 8 possible directions to draw in based more heavily on the user's current direction of drawing more than the actual position of their cursor.

Currently it is annoying to carefully place a single diagonal. A 0.5 size brush is needed. This brush will have the special property of changing appearance depending on the quadrant of the tile the user is hovering over.

It probably won't be too useful on mobile (fat finger problem), but can ignore that for now.

Have a button that allows the user to view their island in psuedo-3d (no editing capabilities).

This is done by using the sweep function on a fixed amount for each terrain layer, and shifting terrain layers up by their elevation. Will require the depth sorting and water rework tasks to be completed.

Not really sure of the cause of this, it happened on both Chrome and Firefox. For some reason, the following images don't load properly and turn the entire island into sand.

Firefox -

Chrome -

Chrome -

The same face was drawn in both Firefox and Chrome, and doesn't load correctly in either.

In addition features such as paths and buildings aren't being loaded correctly, though that issue seems separate and is covered by #14

I feel it makes sense to use the 'click' mouse icon for the icons and buttons.
To do this you'd use cursor: pointer; in CSS, but as this is HTML5 canvas, I'm not sure how it would be implemented, so I'm opening an issue instead of submitting a pull request. Sorry.

It would be great if you could use your uploaded screenshot as the underlay and paint over top of it, so if I wasn't going to edit the beaches or rocks I could still just start with a blank canvas in the middle.

When selecting objects, user should be able to select multiple objects. This allows users to delete/move many objects at once. This may take several forms:

• A new pointer tool that allows the user to drag a box to select multiple objects
• Holding down shift (or long pressing on mobile) allows the user to add more objects to their selection

Happy Island Designer is missing a license. I would suggest adding an open source license like MIT if contributors are welcome.

When adding, the invalid tiles should get filled in. When erasing, the invalid tile should get removed. This will ensure that things remain consistent between layers when adding one layer and subtracting from the layer underneath

As you might know there are more stuff as you progress and I would like to see:

• Expanded Nook's Cranny Item (you get this after spending 70k bells in standard nooks cranny)
• More houses (as villages get custom houses why can't we add custom houses)
• More player houses (add the tent and some of the other houses that players get)
• Add villager tents
• Add plots for houses
• Add incline/bridge plots
• Add more bridge designs
• Add feature to name islands (maybe even a name generator if peeps are struggling to think of names)

It's probably because the game hasn't been released yet, but the the button which uses [ / ] doesn't appear to be doing anything.

Love your work!

Add island name banner

Hi,

I don't really know where to place it, but you can find one of the base map here :

{"version":1,"objects":{"amenities_airport":[76,83],"amenities_townhallSprite":[60,58],"amenities_dock":[3,91]},"drawing":{"sand":[[5,70,5,63,4,62,4,61,3,60,3,58,1,56,1,53,3,53,3,52,5,50,5,46,6,45,5,45,4,44,4,42,3,42,2,41,2,40,3,39,4,39,4,35,5,35,5,27,4,26,4,25,5,24,5,15,4,15,4,12,3,11,5,9,9,9,10,8,10,7,11,7,12,6,13,6,16,9,16,13,17,12,18,12,19,11,24,11,24,12,25,13,27,11,30,11,32,13,33,12,34,12,35,11,38,11,40,13,41,13,41,12,42,11,42,8,43,7,46,7,46,13,48,13,48,10,50,8,52,8,52,7,58,7,58,9,60,9,64,13,65,12,66,12,67,13,69,11,71,11,72,12,74,12,75,11,76,11,77,12,78,11,77.5,10.5,78,10,79,10,80,11,80,12,81,12,82,11,84,11,86,13,87,12,88,12,89,11,91,11,92,10,94,10,94,12,95,13,96,13,96,10,97,9,98,9,99,8,102,8,103,9,104,9,104,6,106,6,107,7,107,9,106,9,106,10,107,10,107,12,106,12,107,13,107,17,106,18,106,19,107,20,107,24,106,25,105,25,106,26,106,27,107,28,107,33,106,34,106,35,107,36,107,37,106,38,104,38,103,39,102,39,101,40,100,39,93,39,91,37,84,37,83,36,82,36,82,35,81,34,81,21,79,19,69,19,67,21,60,21,59,20,58,20,57,19,55,19,55,18,45,18,44,17,44,16,41,16,41,23,44,23,44,22,53,22,53,23,56,23,57,24,59,24,60,25,68,25,68,24,69,24,70,23,77,23,77,24,78,24,78,34,75,37,75,38,74,39,73,39,71,41,71,49,68,52,63,52,61,50,61,42,60,42,59,41,59,40,56,40,56,39,54,39,53,38,46,38,45,39,44,39,42,41,42,43,41,43,41,48,40,49,40,53,39,54,37,54,37,53,36,53,36,52,24,52,23,51,22,51,22,50,21,50,20,49,20,46,22,44,22,42,23,42,23,41,24,41,24,35,25,35,25,32,24,31,18,31,18,35,20,35,20,41,19,41,18,42,18,44,17,45,17,51,20,54,21,54,21,55,23,55,23,56,34,56,36,58,37,58,40,61,40,65,41,66,41,73,39,75,39,77,38,77,38,84,36,86,36,91,35,92,33,92,32,93,30,93,29,94,27,94,26,93,24,93,23,92,18,92,17,93,14,93,13,94,10,94,9,93,9,86,5,82,5,78,6,77,6,71],[42,78,43,78,43,76,44,76,45,75,45,69,46,68,46,66,45,65,45,60,44,59,44,51,45,50,45,43,46,43,47,42,52,42,53,43,54,43,54.5,42.5,56,44,56,46,57,47,57,50,62,55,62,56,70,56,70,55,75,50,75,44,77,42,77,41,78,40,81,40,82,39,83,39,84,40,90,40,92,42,102,42,103,43,104,42,106,44,106,46,107,47,107,50,106,51,106,52,105,53,105,56,106,57,106,61,108,63,108,65,107,66,107,67,104,70,104,74,105,75,105,76,106,77,106,78,107,79,107,85,106,86,106,87,105,88,104,88,103,89,102,89,99,92,99,93,93,93,88,88,85,88,84,87,84,91,74,91,74,86,72,86,72,87,70,89,69,89,65,93,64,92,63,92,62,93,61,93,60,94,58,94,57,93,54,93,53,94,51,94,49,92,43,92,43,91,42,90,43,89,42,88],[89,17,89,18,90,19,90,20,93,20,93,19,95,19,95,16,94,15,93,15,92,16,90,16]],"level1":[[6,53,7,54,8,54,9,53,10,53,13,50,13,46,10,43,10,40,11,39,12,39,12,37,13,36,13,31,12,30,12,25,13,24,13,22,12,22,12,17,13,17,13,14,14,13,99,13,99,17,100,18,100,21,99,22,99,25,100,26,100,32,99,32,99,35,100,36,100,39,93,39,91,37,84,37,83,36,82,36,82,35,81,34,81,21,79,19,69,19,67,21,60,21,59,20,58,20,57,19,55,19,55,18,45,18,44,17,44,16,41,16,41,23,44,23,44,22,53,22,53,23,56,23,57,24,59,24,60,25,68,25,68,24,69,24,70,23,77,23,77,24,78,24,78,34,75,37,75,38,74,39,73,39,71,41,71,49,68,52,63,52,61,50,61,42,60,42,59,41,59,40,56,40,56,39,54,39,53,38,46,38,45,39,44,39,42,41,42,43,41,43,41,48,40,49,40,53,39,54,37,54,37,53,36,53,36,52,24,52,23,51,22,51,22,50,21,50,20,49,20,46,22,44,22,42,23,42,23,41,24,41,24,35,25,35,25,32,24,31,18,31,18,35,20,35,20,41,19,41,18,42,18,44,17,45,17,51,20,54,21,54,21,55,23,55,23,56,34,56,36,58,37,58,40,61,40,65,41,66,41,73,39,75,39,77,38,77,38,84,35,84,34,83,29,83,28,84,26,84,25,83,23,83,22,84,19,84,18,83,15,83,13,81,13,78,12,77,12,72,11,71,11,68,13,66,13,60,11,58,3,58,1,56,1,53],[42,78,43,78,43,76,44,76,45,75,45,69,46,68,46,66,45,65,45,60,44,59,44,51,45,50,45,43,46,43,47,42,52,42,53,43,54,43,54.5,42.5,56,44,56,46,57,47,57,50,62,55,62,56,70,56,70,55,75,50,75,44,77,42,77,41,78,40,81,40,82,39,83,39,84,40,90,40,92,42,100,42,100,45,99,46,99,49,100,50,100,54,99,55,99,66,100,67,99,68,99,71,101,73,101,76,100,77,100,79,99,80,99,81,97,83,45,83,44,84,42,84],[89,17,89,18,90,19,90,20,93,20,93,19,95,19,95,16,94,15,93,15,92,16,90,16]],"level2":[[13,16,16,13,99,13,99,23,97,25,93,25,91,27,86,27,86,28,85,28,83,30,81,30,81,21,79,19,69,19,67,21,60,21,59,20,58,20,57,19,55,19,55,18,45,18,44,17,44,16,41,16,41,23,44,23,44,22,53,22,53,23,56,23,57,24,59,24,60,25,68,25,68,24,69,24,70,23,77,23,77,24,78,24,78,31,73,31,73,32,72,33,68,33,66,35,65,34,62,34,61,33,60,33,59,32,56,32,55,31,48,31,48,32,47,32,45,30,39,30,38,31,38,35,37,35,37,36,35,38,35,40,34,41,34,45,32,47,32,52,24,52,23,51,22,51,22,50,21,50,20,49,20,46,22,44,22,42,23,42,23,41,24,41,24,35,25,35,25,32,24,31,18,31,18,35,20,35,20,41,19,41,18,42,18,44,17,45,17,51,20,54,21,54,21,55,23,55,23,56,32,56,32,61,30,61,30,62,28,64,28,65,26,65,25,66,24,66,23,67,15,67,15,66,13,66,13,61,15,61,15,58,14,58,14,44,15,43,16,43,16,42,15,42,15,41,14,41,14,37,13,36,13,28,14,27,14,25,13,24],[89,17,89,18,90,19,90,20,93,20,93,19,95,19,95,16,94,15,93,15,92,16,90,16]],"level3":[[16,42,15,42,16,41],[14,33,15,32,15,31,14,30,14,29,16,27,16,26,15,25,15,23,14.5,22.5,15,22,14,21,14,17,17,14,77,14,76,15,75,15,75,16,74,16,74,18,73,18,73,19,69,19,67,21,60,21,59,20,58,20,57,19,55,19,55,18,45,18,44,17,44,16,41,16,41,23,44,23,44,22,53,22,53,23,56,23,57,24,59,24,60,25,68,25,68,24,69,24,70,23,73,23,73,25,72,26,71,26,70,27,69,27,67,29,63,29,62,28,57,28,56,27,55,27,54,26,53,26,52,25,49,25,47,27,45,27,44,26,38,26,37,25,37,23,35,21,29,21,28,22,28,23,27,24,27,29,28,30,28,39,27,39,27,40,24,40,24,35,25,35,25,32,24,31,18,31,18,35,20,35,20,40,15,40,15,37,14,36]],"rock":[[9,9,10,8,10,7,11,7,12,6,13,6,16,9,16,13,14,13,13,14,13,15,4,15,4,12,3,11,5,9],[24,12,25,13,27,11,30,11,32,13,33,12,34,12,35,11,38,11,40,13,16,13,17,12,18,12,19,11,24,11],[46,7,46,13,41,13,41,12,42,11,42,8,43,7],[48,10,50,8,52,8,53,9,53,10,52,11,52,12,57,12,57,11,58,10,58,9,60,9,64,13,48,13],[72,12,74,12,75.5,10.5,77,12,78,11,77.5,10.5,78,10,79,10,80,11,80,12,81,12,82,11,84,11,86,13,87,12,88,12,89,11,91,11,92,10,94,10,94,12,95,13,64,13,65,12,66,12,67,13,69,11,71,11],[103,9,104,9,104,6,106,6,107,7,107,9,106,9,106,10,107,10,107,12,106,13,100,13,99,14,99,13,96,13,96,10,97,9,98,9,99,8,102,8],[105,19,106,19,107,20,107,24,105,26,104,26,102,24,102,22,103,21,104,21,104,20],[78,86,78,85,77,85,77,83,83,83,83,85,80,85,80,86,82,86,82,87,84,87,84,91,74,91,74,85,73,84,73,83,75,83,75,86],[5,45,4,44,4,42,3,42,2,41,2,40,3,39,4,39,4,35,8,35,9,36,9,38,8,39,8,43,6,45],[35,90,36,91,35,92,34,91],[36,87,36,88,35,88,35,87],[44,91,43,91,42,90,43,89,44,90],[102,68,101,69,101,71,100,72,99,71,99,68,100,67,101,67],[104,42,105,43,104,44,103,43],[101,40,100,39,101,38,102,39]]}}

I made it yesterday night

Have a nice day :)

There are 8 bridge types in New Horizons.

1. Stone
2. Suspension
3. Wooden
4. Brick
5. Zen
6. Log
7. Red
8. Iron

For each type, we need sprites of the following angles:

1. horizontal
2. vertical
3. ascending (bottom left, top right)
4. descending (top left, bottom right)

Current sprites: https://github.com/eugeneration/HappyIslandDesigner/tree/master/sprite/construction

Hi there, first of all big thanks for working on this awesome project!
So, I recreated the map I chose in my game, which is the bottom left one shown on here:
https://imgur.com/ltSsS3Q.

I had to do it twice, because the editor could not read my saved image back into the editor.
Thus I tried reading the broken image with this tool:
https://www.peter-eigenschink.at/projects/steganographyjs/showcase/
What it gave me were asian characters instead of something like the console output.
When I recreated it, I took the console output and used the tool to save it into the image manually which works like a charm.

For troubleshooting reasons I'm providing both versions on here, 'map' and 'broken':
https://imgur.com/a/iLXRWK7

I suggest that changing the tab between terrain and path should also update you to the selected tool in that category, as currently you need to reselect the tool that you need in that tab even if it was the last one used. Either this or the selection should clear when you go back to a previous tab after using another tool.

issue example:

Draw some land
switch to path tab
select a path
draw some paths
switch back to terrain tab
terrain of choice already selected
try to draw land
path appears
confusion
click on already visually selected tool to update it
draw land

When zoomed into the map, show a small minimap in the bottom corner of the screen so you can get the big picture of what your edits look like.

The game has these nice texture applied on the grass, sand, and rocks

This is all the English text currently on the app

Main Menu
Save as Image
Load Map
New Map
Twitter

Hotkeys
space+drag    pan
alt+scroll    zoom
\\            toggle grid
shift+drag    draw line
[ ]           adjust brush size
p             square/circle brush
alt+click     color pick
delete        delete selection
ctrl + z      undo
ctrl + y      redo
    
v             terrain tool
b             path tool
n             building tool
m             amenities tool
             
ctrl + s      save
ctrl + o      open map file
esc           main menu
?             hotkeys

Objects placed at a higher y-position in the map should render in front of objects behind them. This will probably require sorting the object list on every object update.

The object you are dragging would probably render above everything until you place it down (to feel like you are picking it up and then placing it).

Steps to reproduce:

1. select a flower
2. notice that cursor selection is indicated
   
3. place flower on the map
   
4. click flower to open "remove" menu
   
5. click "x" to remove flower
6. notice that cursor selection is gone
7. clicking on the grid in the same spot does nothing (click as many times as you want)
   
8. click in a different location and cursor selection indicator reappears and you are able to place flowers again
   

The "x" button remains large even when zoomed in.

Add a button to share your map to social media

Originally posted by @flynnfarrow in #17 (comment)

When drawing sometimes multiple layers (I think the layers above the one you are drawing with) get completely erased. This is not fixed with Control Z

My guess is that the intersect or union function is returning an empty polygon and replacing the existing layer. Because only the difference is stored in history, you won't be able to undo this.

A work around solution would be to store multiple copies of an autosave and allow a user to rollback to an older version.

It would be nice if when you open the help button you would get 3 options.

1. Keyboard shortcuts
   (this is basically what the help button does already)
2. Documentation
   (explaining people how to use etc)
3. Changelogs
   (showing latest updates and hid version)

{"version":1,"objects":{"amenities_dock":[104,89]},"drawing":{"sand":[[7,71,6,70,6,68,5,67,5,62,3,60,2,60,1,59,1,53,2,52,2,51,3,50,5,50,5,44,6,43,7,43,8,42,16,42,19,45,25,45,26,46,30,46,35,51,36,51,37,52,44,52,46,50,46,49,48,47,48,46,49,45,50,45,51,44,56,44,57,45,60,45,63,48,64,48,65,49,66,49,67,50,67,54,65,56,65,58,66,59,66,60,71,65,72,65,73,66,73,71,74,72,74,73,69,78,69,81,70,82,70,89,69,90,70,91,68,93,63,93,62,94,60,94,59,95,55,95,54,94,52,94,51,93,47,93,42,88,36,88,36,90,37,91,37,92,36,93,35,93,34,92,27,92,26,91,26,86,25,86,23,88,22,88,17,93,15,93,14,92,13,92,9,88,9,86,7,84,7,83,5,81,5,79,7,77],[33,44,33,43,32,42,27,42,26,41,21,41,20,40,20,39,19,38,8,38,7,37,6,37,5,36,5,31,6,30,6,28,5,27,5,26,4,25,2,25,1,24,1,20,2,19,3,19,4,18,5,18,5,9,6,8,8,8,9,9,9,11,10,11,11,10,15,10,16,11,16,13,17,12,18,12,19,13,20,12,22,12,23,11,24,12,26,12,27,11,29,11,30,10,31,10,32,11,32,13,33,12,34,12,35,13,36,12,37,12,38,11,39,11,40,12,42,12,43,11,45,11,46,10,47,10,48,11,48,12,49,12,49,10,51,8,52,8,53,7,58,7,59,8,59,9,61,9,64,12,66,12,67,13,68,12,69,12,70,11,71,11,72,12,74,12,75,11,77,11,78,10,79,10,80,11,80,12,81,13,82,13,84,11,85,12,86,12,87,11,89,13,91,13,92,12,94,12,95,13,96,13,97,12,97,11,98,10,100,10,101,11,102,11,104,9,106,9,107,10,107,18,105,20,105,25,106,26,106,29,107,30,107,31,108,32,108,33,105,36,105,37,104,38,104,43,106,45,106,46,107,47,107,49,108,50,108,53,107,54,107,56,106,57,106,61,107,62,107,66,106,67,106,69,107,70,108,69,111,72,111,73,109,73,109,75,108,76,107,76,106,77,106,78,107,79,107,82,104,85,104,87,106,89,106,92,104,94,100,94,99,93,95,93,94,92,93,92,91,94,88,94,87,95,84,95,83,94,82,94,81,93,78,93,77,92,77,91,76,90,76,87,74,85,74,81,73,80,76,77,76,76,78,74,78,72,77,71,77,66,75,64,75,63,74,62,73,62,70,59,70,56,71,55,71,50,73,48,74,48,76,46,83,46,87,42,90,42,91,43,92,43,93,42,93,40,94,39,94,36,95,35,95,34,94,33,92,33,91,34,91,37,89,39,84,39,83,40,83,41,82,42,75,42,74,43,73,43,70,46,68,46,67,45,66,45,63,42,62,42,61,41,58,41,57,40,51,40,50,41,48,41,44,45,44,46,42,48,38,48,37,47,36,47],[67,32,68,31,68,30,69,29,70,29,72,31,72,32,73,33,75,33,76,32,76,29,74,27,73,27,72,26,72,19,73,19,74,18,74,17,73,16,64,16,63,17,63,18,64,19,67,19,68,20,68,25,67,26,66,26,63,29,63,31,64,32],[88,76,89,75,89,73,87,73,85,71,84,71,83,72,83,75,84,76],[51,60,51,62,52,63,56,63,57,62,57,59,56,58,55,58,54,59,52,59]],"level1":[[13,44,12,43,12,42,16,42,19,45,25,45,26,46,30,46,35,51,36,51,37,52,44,52,46,50,46,49,48,47,48,46,49,45,50,45,51,44,56,44,57,45,60,45,63,48,64,48,65,49,66,49,67,50,67,54,65,56,65,58,66,59,66,60,71,65,72,65,73,66,73,71,74,72,74,73,69,78,69,81,70,82,70,84,68,84,67,83,63,83,62,84,61,84,60,85,57,85,56,86,52,86,49,83,36,83,35.5,83.5,35,83,15,83,13,81,13,79,12,78,12,76,13,75,13,73,12,72,12,71,11,70,11,67,13,65],[33,44,33,43,32,42,27,42,26,41,21,41,20,40,20,39,19,38,12,38,12,36,13,35,13,30,12,29,12,28,11,27,11,26,9,24,7,24,6,25,2,25,1,24,1,20,2,19,3,19,4,18,6,18,7,19,8,19,9,20,11,20,13,18,13,14,14,13,91,13,92,12,92,13,97,13,99,15,99,17,100,18,100,22,99,23,99,37,100,38,100,40,101,41,101,44,100,45,100,47,99,48,99,50,100,51,100,55,99,56,99,58,100,59,100,62,99,63,99,65,100,66,100,68,99,69,99,72,101,74,101,76,99,78,99,82,98,83,95,83,94,84,93,84,91,86,88,86,87,85,86,85,85,84,83,84,82,83,77,83,76,84,74,84,74,81,73,80,76,77,76,76,78,74,78,72,77,71,77,66,75,64,75,63,74,62,73,62,70,59,70,56,71,55,71,50,73,48,74,48,76,46,83,46,87,42,90,42,91,43,92,43,93,42,93,40,94,39,94,36,95,35,95,34,94,33,92,33,91,34,91,37,89,39,84,39,83,40,83,41,82,42,75,42,74,43,73,43,70,46,68,46,67,45,66,45,63,42,62,42,61,41,58,41,57,40,51,40,50,41,48,41,44,45,44,46,42,48,38,48,37,47,36,47],[67,32,68,31,68,30,69,29,70,29,72,31,72,32,73,33,75,33,76,32,76,29,74,27,73,27,72,26,72,19,73,19,74,18,74,17,73,16,64,16,63,17,63,18,64,19,67,19,68,20,68,25,67,26,66,26,63,29,63,31,64,32],[88,76,89,75,89,73,87,73,85,71,84,71,83,72,83,75,84,76],[51,60,51,62,52,63,56,63,57,62,57,59,56,58,55,58,54,59,52,59]],"level2":[14,25,14,24,13,23,13,16,16,13,91,13,92,12,92,13,96,13,99,16,99,19,98,20,98,21,97,22,97,25,99,27,99,48,96,51,94,51,93,52,87,52,86,51,85,51,84,50,81,50,80,49,80,46,83,46,87,42,90,42,91,43,92,43,93,42,93,40,94,39,94,36,95,35,95,34,94,33,92,33,91,34,91,37,89,39,84,39,83,40,83,41,82,42,80,42,80,27,78,25,76,25,75,24,72,24,72,19,73,19,74,18,74,17,73,16,64,16,63,17,63,18,64,19,67,19,68,20,68,24,64,24,63,25,57,25,55,27,55,28,52,31,52,32,51,33,46,33,45,32,43,32,42,33,39,33,38,32,34,32,33,33,25,33,24,32,22,32,20,30,20,29,19,28,18,28,17,27,16,27],"level3":[[21,24,21,22,20,21,20,20,19,19,19,17,20,16,21,16,23,14,44,14,46,16,46,17,47,18,48,18,49,19,49,21,47,23,46,23,45,24,44,24,42,26,40,26,39,25,37,25,36,26,36,27,35,28,33,28,32,29,26,29,25,28,24,28,23,27,23,26],[97,29,98,30,98,35,97,36,97,39,98,40,98,44,97,45,96,45,94,47,90,47,87,44,87,42,90,42,91,43,92,43,93,42,93,40,94,39,94,36,95,35,95,34,94,33,92,33,91,34,91,37,89,39,88,39,88,32,89,31,89,28,90,27,94,27,96,29],[78,19,77,20,72,20,72,19,73,19,74,18,74,17,73,16,64,16,63,17,63,18,64,19,67,19,68,20,66,20,65,21,63,21,62,20,60,20,58,18,58,15,59,14,81,14,82,15,82,18,81,19],[92,12,92,13,91,13]],"rock":[[5,12,5,9,6,8,8,8,9,9,9,11,10,11,11,10,15,10,16,11,16,13,14,13,13,14,13,15,11,15,10,14,7,14],[33,12,34,12,35,13,36,12,37,12,38,11,39,11,40,12,42,12,43,11,45,11,46,10,47,10,48,11,48,12,49,12,49,10,51,8,52,8,53,9,53,11,58,11,59,10,59,9,61,9,64,12,66,12,67,13,68,12,69,12,70,11,71,11,72,12,74,12,75,11,77,11,78,10,79,10,80,11,80,12,81,13,16,13,17,12,18,12,19,13,20,12,22,12,23,11,24,12,26,12,27,11,29,11,30,10,31,10,32,11,32,13],[82,13,84,11,85,12,86,12,87,11,89,13],[92,12,94,12,95,13,91,13],[97,11,98,10,100,10,101,11,102,11,104,9,106,9,107,10,107,12,105,14,102,14,101,15,99,15,97,13,96,13,97,12],[9,38,8,38,7,37,9,37],[7,43,8,42,9,42,10,43,9,44,8,44],[5,50,6,51,7,51,8,52,8,55,9,56,9,61,7,63,6,63,3,60,2,60,1,59,1,53,2,52,2,51,3,50],[31,85,30,85,29,84,30,83,36,83,37,84,37,85,36,86,35,86,35,87,36,88,36,90,37,91,37,92,36,93,35,93,34,92,27,92,26,91,26,86,25,85,25,83,27,83,27,86,32,86,33,85,32,84],[69,90,70,91,69,92,68,92,68,91],[76,90,76,89,77,89,77,91],[111,72,111,73,109,73,109,75,108,76,107,76,105,74,105,73,104,73,102,71,102,69,103,68,105,68,107,70,108,69],[100,24,100,23,100.5,22.5,100,22,100,20,101,20,102,19,103,20,103,22,101,24]]}}

There are 8 incline types in New Horizons.

1. Stone staircase
2. Red steel staircase
3. White-plank ramp
4. Natural ramp
5. Log staircase
6. Blue-plank ramp
7. Blue steel staircase
8. Brick staircase

For each type, we need sprites of the following angles:

1. going up
2. going down
3. left-facing
4. right-facing

Current sprites: https://github.com/eugeneration/HappyIslandDesigner/tree/master/sprite/construction

After saving an image, if I open a new map and select "load map" using that image, the map will appear as blank.

Allow users to upload a screenshot of their island. Auto-generate the map from that image.

Example screenshot(s)