Existing Saved Designs:
*Saving locally will store the designs in your browser's "Web Storage", which you can read more about here.
This means you can only see your saved designs on this specific browser. It also means that you might delete all your saves if you clear your browser data/cookies, for more see this explanation.
Therefore, I recommend downloading your saves to your computer if you want to be safe. I have no access to your saves, so I can't help you if you lose them. Using the "Load Design" menu you can upload this file to import all your designs. You can also use this to transfer saved designs to another browser/computer.
To load a design, select one of your saved designs in the dropdown menu below, then click the "Load Design" button!
You can upload saved designs using the button below. Select the save file you want to import, and all the designs from it will be added to the list of existing designs. If an existing design has the same name as a design in the save file, it will be overwritten.
The old load / import features are still available under:
To add a building, simply select the set, building, age and level and click the "Add Building" button. The building will be added to the scene and you can start building! When selecting a building, the stats of the chosen building is displayed, giving you information of what the building gives with your current options.
Move Building: Click and drag the building you want to move, drop to stop moving. Buildings will automatically snap to the grid and cannot be placed on top of each other.
Remove Building: Click the "Remove Building" option under "Current Building" or press "delete/backspace" to remove the currently selected building.
Change Current Building: Open "Current Building" menu and update age, level and whether the building is connected to road (if required), changes are automatically applied. An unconnected building will count towards the set bonuses of neighboring buildings, but its own rewards will not.
Zoom: Use the scroll-wheel to zoom in and out from the grid.
Move View: Left-click and drag to move the view (like browser foe)
Select Multiple Buildings: Right-click and drag to select multiple buildings. Only selected buildings will be displayed in the production overview
Delete Multiple Buildings: Pressing "delete/backspace" after selecting multiple buildings will delete all selected buildings
Move Multiple Buildings: Click and drag one of the selected buildings, this will move all selected buildings. Only the building dragged will avoid overlapping with other buildings, buildings on top of eachother will count as connected buildings, so place with care.
Copy + Paste: After selecting multiple buildings, use CTRL+C and CTRL+V (CMD on Mac) to copy and paste. The buildings will be pasted to your mouse position
Tip: If you select buildings using right-click + drag, only the productions of the selected buildings will be shown!
The Production Overview shows you what your current setup will give you per collection. "All Sets" will show the total production information of all buildings in your design. "Per Set" will only show the production of the chosen set. For each option you can choose between "Total" and "Per Tile" production, which show the raw numbers, and the raw numbers divided by the tiles used, respectively.
At this stage roads required and empty spaces within a build is not automatically calculated, but you can manually enter these values (type number and hit "Enter") and the Per Tile overview will take these into acount.
Show Building Initials: This option toggles whether or not the first letter of each building is displayed. This is designed to make it easier to distinguish buildings, but if you've familiar with the color scheme you might find them annoying instead.
Show City Outline: This option toggles whether or not the city outline is shown. The red outline shows the maximum size of a forge of empires city, though keep in mind that at the moment a full city cannot be filled with the current expansions.
Show Buildings Requiring Roads: This option highlights all the buildings that require roads. Buildings that require roads will be marked in Yellow, all other buildings will be made Gray. The buildings will be reset to their own color when the option is turned off
Show # Neighbours: This option highlights how many unique set neighbours a buildings has. Green means all bonuses are active, yellow means all but 1 bonus is active, orange all but 2 active, and so on.
To save the current build click the "Save Build" button. This will generate three methods of saving and sharing your build. You can copy and store the save string, either locally or in a pastebin file (or similar), you can copy the share link and share that directly, or you can use the automatically generated bit-ly link. Alternatively, to make the link easy to copy and share, shorten the full link using your favourite link shortening website. At this stage online saving is not possible.
Due to URL length limits (how long of a link a browser can load), the direct link and bit.ly links will only work if you have less than 300-350 buildings. For performance reasons I would advise against having that many buildings, though, and rather work on multiple tabs with smaller designs (<100 buildings). The save string should always work if the direct links are too long.
To load a build, either paste the save string under "Load Build" and click the "Load Build" button, or simply open a share link.
WARNING: Loading a build will delete the current build, make sure to save before loading a new build.
PS: To update production overview after a build is loaded simply click anywhere on the grid.
Tip: Load an empty string (or refresh page) to clear the scene :)
Forge of Empires, FOE, and all associated trademarks and content belong to InnoGames
foe-event-set-builder.github.io is an unofficial 3rd party site, and is not directly affiliated with InnoGames.
Created by MooingCat, EN(16), June 2020.
Importing your city requires you to have FoeHelper installed. With FoeHelper installed, open the browser inspector using Ctrl+Shift+I on Windows, Cmd+Shift+C on Mac. Go to the console, and enter the following command:
Copy the output string, and paste that into the load city input field. After pasting the text, simply click load city and your build will be imported :)
Here is a video going over my suggested designs for Attack!
Here are a few sharable links for what I think are some great 2020 Fall Event set design options :)
Full links to reddit / forum (full event set builder link after preview):
This tool is designed to be used with a mouse and keyboard, so not everything will work properly if you're on mobile. You should be able to view designs made by others, but making your own designs will be difficult. At the moment I don't have the time to make a mobile version, so if you want to use the tool you should use a PC browser. (If you see this but are on a PC browser, just close and ignore)