lmachens / arkesia.gg-web

Interactive Lost Ark map

Hi 👋, I'm Leon

Computer enthusiast with a strong will to try out new things. My passion is to share my knowledge with like-minded spirits.

💬 My community

If you are interested in gaming apps or coding, you will find like-minded people who like to support each other. It doesn't matter if you are a beginner or expert, everyone is welcome 🤘.

Join my Discord or send me a DM: DevLeon#4001.

💻 My projects

• 🏰 Hogwarts.gg, a Hogwarts Legacy fansite
• 🌎 Aeternum Map, an interactive map for New World
• ⚔ Arkesia.gg, an interactive map for Lost Ark
• 🏆 Trophy Hunter, a League of Legends companion app
• 🚩 SoC.gg, a Songs of Conquest fansite
• 💀 Skeleton, an app for customizable window overlays

⚡Fun facts

• https://youtu.be/uVjggcmqMxw?t=1378

arkesia.gg-web's Issues

Optimizing Node Summary

It has become clear that some nodes are not as important as others, and the node summary is becoming overwhelmingly bloated (see image below).

It would be nice if we had the ability to whitelist certain nodes to determine which should be displayed on the summary.

Thinking aloud here, maybe this could be achieved in a similar way to how we did the node search filtering... where summariseNodes and summariseNode determine whether the node should be displayed in the summary or not.

{
    name: "General Orientation",
    includes: ["Continent", "Dungeon", "Island"],
    summariseNodes: true // where this creates a default for all node type's in this category.
    types: [
      {
        name: "Map Transition",
        icon: "minimap_symbol_7.webp",
        summariseNode: false //where this overrides the summariseNodes value, if blank or null defaults to false.
      },
...
}

When jumping to a node via search, highlight this node

If you search a certain node (NPC, hidden story, etc) and click on the result, the related map opens.
But you still have to search this node on the map.
It would be cool if the searched node could be highlighted.

Highlight suggestion:

• When the destinated map where the node is located opens up, the node has a glow around the icon to highlight it.
• Make sure the node is the top layer (when multiple nodes are overlapping).
• Let the node blink for several seconds (via changing opacity) so the user can find the node even quicker.

Formatting in node description (markdown/html)

Add support to allow us to format the description of the node to make it look prettier :)

Should be bold:

Filter Toggle Feature

We need some kind of global filter toggle system that allows you to globally hide/show certain nodes or groups of nodes..

For example for the world map:

• Continent Icons (Prideholme, Loghill)
• Sea Vulnerabilities (i.e Tempest Sea, Sirens Sea etc).
• Sea Bounties
• Marina's

I haven't thought about land too much but maybe I also want to hide things like:

• Merchants
• Services
• Co-op quests...

I agree with the point raised in #117, even more so if the functionality in this issue is included.

Node Text Description Not Wrapping

https://www.arkesia.gg/maps/Rethramis/Loghill?tile=0&node=84

Phase 1 Nodes Checklist

Rethramis

Area	Nodes	Descriptions	Screenshots	100%
Prideholme	✔️
Loghill	✔️
Toxiclaw Cavern	✔️
Prideholme	✔️
Anukmo Mountain	✔️
Aquilok's Head	✔️
Rethramis Border	✔️
Aquilok's Tail	✔️

• Node placements, excluding sheet music and hidden passages.

Yudia

Area	Nodes	Descriptions	Screenshots	100%
Saland Hill	✔️
Ozhorn Hill	✔️
Submerged Ruin	✔️
Sapira Cave	✔️

West Luterra
...

East Luterra
...

Invalid map tiles in areas

With #41 we added thousands of map tiles. Some of them are broken/invalid, and we have to fix them.
Let us track them in this issue.

Mobile Usability Feedback

• Map transition is confusing, hover hint mentions right click when this is actually a 'long hold' for mobile.
• Tapping node up sidebar which takes up most of the screen on mobile, barely able to see the hover hint.
• Long hold also takes you back to world map, annoying and confusing. It can happen whilst scrolling or if accidentally misclicking when trying to transition via a node.
• No settings options/icons display anywhere on the screen, unable to use moderator features.
• Huge text offset below nodes

Display names on map without hover

For some node types, it might be useful to display the name on the map without hover.

Types:

• locations
• monsters
• hidden quests

Shorten titles in tooltips, add character limit to titles and description

• Titles should have a character limit and maybe be shortened in tooltips or have a forced line break.
• Descriptions should have a character limit and a forced line break.

Without whitespace:

With whitespace:

Hide Discovered Content

Add the ability to toggle visibility of discovered content on an individual node level.

This is so that users can hide nodes they have already discovered/claimed, this will allow users quickly and better track their progress of a map when looking at a map at a glance.

Requirements

• Each node should have the option to toggle its visibility (maybe this can be limited to specific nodes - tbc).
• There should be an independent toggle/setting to show and hide hidden nodes - this is to allow users to revert to being able to see all nodes (regardless of being hidden) incase they made a mistake.
• The hidden nodes should be tracked so that it persists across sessions, allowing users to use the map as an overall progress tracker aswell as being able to leave the map and return at a later point unhindered.

Optional / Quality of Life Requirement

• It would be nice having the ability to see and track your progress in the form of a menu, showing each node type in a linear format and it's status. An example of what I mean is shown below, implementation / design at your discretion.

DraggableMarker: Tooltip direction should depend on location of Marker and Map zoom level

Currently, when the user tries to add a node, the marker Tooltip opens to the top by default.
This causes the Form/Card to not be visible when the marker is set close to the top of the screen.

Maybe the direction="top" prop of the Tooltip component could change dependent on Map zoom level and location of Mouse.

Screenshot to clarify the issue: Link

Search result preview is broken

Searching for "Arkesia Map" on Google or other search engines results in this preview:

The description is wrong (obviously)

Allow paste screenshot from clipboard

This would make it easier to add screenshots, if we can access the clipboard.

Optimize order and entries of drop down menus (Continent / Area)

How it currently is:

• The entries in Continent and Area drop down are sorted alphabetical.
• Continent and Area shows all possible areas, even the "little" ones.

Suggestion:

• Sort Entries in order how the player will encounter it story wise.
  Other websites have it this way, too.
• In Area drop down, filter out the "little" areas and only list main areas and dungeons.
• Add "[Dungeon]" to dungeon names.

Region order (remove / hide all other entries in drop down not listed here, like Trixion etc):
World
Rethramis
Yudia
West Luterra
East Luterra
Tortoyk
Anikka
Arthetine
North Vern
Shushire
Rohendel
Yorn
Feiton
Punika

For Area entries and order, I suggest using https://lost-ark.maxroll.gg as reference. They have it ordered in chronological order how the player encounters it. Resources > Adventure Tome > Region

Limit "discovered" functionality to adventure tome, collectibles, quests

Right now, it is even possible to mark whole regions as discovered, which would hide them. that makes no sense.
A user might even click it just out of curiosity and then wonders why an island just vanished. :)

I suggest to limit the functionality to the node category "Collectibles", "Adventure Tome", and "Quests".

Missing marker types

We like to add these markers to the map:

• Mokoko seeds (Mokoko seed icon)
• Secret passage (yellow star icon?)
• Food ingredient
• Viewpoint
• Boss
• World Boss
• Treasure Map Entry
• Dungeon
• Triport (teleporter)
• Play instrument (for secret rooms / locations, etc)
• Hidden Story (exclamation mark icon)
• Comment
• Treasure Box (might be obsolete in western release, didn't find one yet where there is supposed to be one)
• NPCs
• Stations

I think some of these types requires additional properties like a name (e.g. the name of the boss) and a screenshot (#2).
Any other properties required?

Change "Play instrument" marker to "Play song"

"Play instrument"-> I suggest renaming it to "Play song". The player learns different songs, like the "Song of Resonance", which is important to open passages and such. The instrument the player plays for the songs is different for each class, but has no impact on the game, it has no relevance. As a symbol I suggest
musical note.

Originally posted by @Sturmfunke in #1 (comment)

Report invalid node and add additional information

Any user should be able to report an issue or add additional information to a node.
Examples:

• Add missing name
• Wrong position
• Doesn't exist
• Wrong type
• Bad screenshot

In some cases, additional information is required.

I suggest adding a report button and enter additional information in a textarea.
In the first iteration, the reports could be sent to Discord (we already have an integration).

If required, we could save reports in the database and display nodes with reports on the website.

Map Resource Overview (with search?)

Add the ingame resource overview into the interactive map (as below); and allow users to search based on which resources they want.

I have found myself a number of times going to a low level continent and clicking through maps to find wood or iron ore, so having a way to quickly search for this through arkesia.gg would help.

Bug: Screenshot upload-preview is not cleared after uploading node with screenshot

After creating a new node and uploading a screenshot, when the user tries to create another node, the screenshot from the last node is still visible inside the create-node-form.
Instead the inital drag/dropzone should be visible.

Firefox Nightly facing map tile rendering issues

Hi,
Firefox Nightly (100.0a1 (2022-03-17) (64 bit)) renders map tiles with little gaps

Rework right-click to create new nodes

I think, it's not intuitive that you can add/propose nodes via right-clicking.
The user knows that a right-click is to transit between maps.
Maybe we can use a right-click on an empty area to go back to the world map.
Adding nodes could get an icon-button and a hotkey like CTRL+CLICK.

Overwolf app: CTRL + Space doesn't work in overlay

If I have the Overwolf app opened as an overlay, CTRL + Space does not work.
In the second screen mode, it works. CTRL + F also works fine.

Allow to resize icons

It would be nice to customize icon sizes.
I think we can display important nodes bigger than others.

Map Requirement Overview

A small box showing an overview of all the necessary requirements to 100% complete all collectables on map, the approach I propose is visually similar to how it's done ingame showing available resources on each map.

Add button to toggle node description alignment left<->right

This map will be actively used on a second monitor, which can be to the left or to the right of the main monitor.
I would like to be able to chose on which side of the map I have the node descriptions opened.

Update Existing Node Function

Add support for updating existing nodes. The website currently on supports adding and deleting nodes.

I want to be able to add nodes with no description or screenshot as a placeholder, and then revisit the node to add more details once I have them ready.

This will allow us to:

1. Work in a phased approach, to add markers and then revisit them to upload descriptions and images.
2. Work in a collaborative way, allowing us to collective work and help each other on nodes that we didn't create.

Requirements:

1. An 'Update' button next to the 'Delete' button which allows you to go back to editing mode (providing the user token is valid). This will allow you to change node: title, description, marker type, and screenshot(s).

Support for .gifs in nodes

Support .gifs for more complex nodes like 'hidden passages'.

https://media.discordapp.net/attachments/944107018661294130/949388873069379594/2.gif

Support adding multiple screenshots to a node

We could support adding more than one screenshot to a node.
But is this really required and useful?
This would require breaking changes in the node schema.

World Map View

Create a world map that gives allows you to easily navigate between continents and islands, and also get an overview of each island and continent.

Requirements:

• Interactive map view of the world.
• Each island and continent when clicked should have a popup overview of the island / continent (showing a brief summary of content available vs content discovered).
• Each island and continent overview should have the option to click into it and view the island/continent map. As below (note the style is ugly, just an example) 😛
  

Optional / QoL Requirements

• A toggled grid view of this map, as per the image separation.
• A toggled grid numbering/coordinate system.
• Route mapping functionality to allow users to map a route between different islands to help plan and track visually how they charter lost ark islands.

[Bug] Map Transition Node Summary Is Broken

Most nodes don't show the overview.. Some show incorrect overview.

• Doesn't show overview
  • https://www.arkesia.gg/maps/East%20Luterra/Flowering%20Orchard?tile=0&node=623
• Shows incorrect overview
  • https://www.arkesia.gg/maps/East%20Luterra/Wavestrand%20Port?tile=0&node=838

https://user-images.githubusercontent.com/11903234/159587815-a4b3173a-2104-4b27-8368-03d5055a7080.png
https://user-images.githubusercontent.com/11903234/159587797-308949b9-4828-4ad5-a4a8-402bfefa89c9.png

Rotate maps to match in-game maps

The maps in-game are rotated by 45deg.

Arkesia:

Lost Ark:

Show sroll bar in drop down menu by default

When opening a drop down menu, the scroll bar is not showing by default, if more entries are existing than are showing.
As the scroll bar only appears when hovering over the drop down, the user might be confused and not know there are more entries.

Inner Map Rooms

Area's of the map with map transition's (i.e a building), show darker ingame.

I wonder if we could;

1. Make this same change in arkesia
2. Make it so this section becomes interactable (an example below)

Node Name Length Too Short

To fix:

• https://www.arkesia.gg/maps/Yudia/Saland%20Hill?tile=0&node=180

Continent Multi-Map View Toggle

I don't know if this is possible to take each map as a frame and put them together side by side, but it would be nice to give users the ability to enable a multi-map view for continents.

This will allow users two very different experience depending on their use of the map:

1. Get an overview of all maps in a continent
2. Focus and drill in on a specific map in their continent

It's not ideal looking at a map individually for some usecases, like when doing cross-map objectives (i.e hidden stories) and having the navigate between each map as you progress - but actually it may be nicer in most cases to have a separate single map view to help users to focus on the map they're interested in.

Example below:

Screenshot: Add button to clear uploaded screenshot

When creating a new node and selecting an image to be uploaded as a screenshot it is not possible to remove this image.
Not all to important, but I think UI/UX wise a little X icon somewhere to delete the currently selected screenshot would be nice.

Bug: Drawers overlap when opening an existing node while creating a new node

When the create-node-drawer is open and the user clicks on an already existing node on the map, the view-node-drawer opens aswell, hidden behind the create-node-drawer.

I would either expect the create-node-drawer to close on clicking an existing node, or that the click outside of the create-node-drawer does nothing at all.

Type selection on new node

From Reddit

And i would recommend to change one thing, because its kinda confusing and inconvenient - when you add a new marker, then the "Map Transition" is the default. The menu is a drop-down-menu, but as long as there is text in that box you will only see the "Map Transition"-marker. Maybe change that to an default-symbol, where the drop-down-menu shows everything straight away. :)

I agree, that it's confusing that you have to clear the type input to see other types. I think, we could remove the default value.

Search / Description Enhancements

• Optional setting to stop nodes marked as discovered from showing in search (or atleast some kind of indication to show it as discovered)?
• It would be a nice edition, to include key images / icons in node descriptions (as illustrated in the image below). It may also be nice to search by these unique icons (example/explanation below):

If I want to search for 'Hairplant', an item sold by a merchant, should I be able to find it if it's in a node description?

It may be nice to be able to search for key words or items in descriptions (in the example above). To avoid complexity and bloating in the search maybe the easier solution is to implement a dictionary of important items/icons as suggested in misc and make them searchable?

As an example, maybe you implement something similar to what is displayed in the below image, where the reward icon is displayed and styled in a unique way, and is also searchable.

Nodes screenshots

Markers like Mokoko seeds and secret or hidden stuff would need the option to add a (cropped) screenshot.

Node Description Text Truncated

There's still a lot more of the drawer available that isn't used. Could possibly add an expand/collapse option too if you like.

https://www.arkesia.gg/maps/Rethramis/Prideholme?tile=0&node=50

Icon Filters for Categories (e.g. Sea, Island, Continent)

This is a QoL feature, this might be a lot of work, and i'm not sure if 100% possible.

The ability to assign filter types to category types to better streamline the verbose list of icons. Any category that is defined in the 'include' will be displayed on applicable maps.

As an example;

• Collectible icons should only show on island and continent maps.
• Service icons should only show on continent maps (i.e where there are big cities).

{
    name: "Collectibles",
    include: ["Island", "Continent"]
    types: [
      {
        name: "Mokoko Seeds",
        icon: "minimap_symbol_1_121.webp",
        name: "Co-op Quest Area",
        icon: "minimap_symbol_88.webp",
      },
    ],
},
{
    name: "Services",
    include: ["Continent"],
    types: [
      {
        name: "Chef",
        icon: "minimap_symbol_206.webp",
        name: "Sudden Quest Area",
        icon: "minimap_symbol_81.webp",
      },
    ],
},

Make interacting with map possible while node description is opened

When I open the description of a node, the whole map gets darkened.
I suggest removing that effect, as I would still like to see the map while having the description opened.
I would also like to be able to still use the map (moving it, clicking on other nodes), while a node description is still open.

Node Image Expanding Improvements

• Ability to click image thumbnail and see an expanded view of it.
• Ability to add multiple images to a single node and cycle through them.
  

When having a sub area opened, right click should go one up in hierarchy to the main area, not directly to world map

As an example, lets take Neria's Tavern in Prideholme: https://www.arkesia.gg/maps/Rethramis/Prideholme?tile=7
When right clicking anywhere, the view switches to the world map.
Instead, I propose it goes one up in hierarchy, in this example back to Prideholme: https://www.arkesia.gg/maps/Rethramis/Prideholme

Tortoyk map issues

• Remove map: https://www.arkesia.gg/maps/Tortoyk/Tortoyk%20Parapara%20Cruise "Tortoyk Parapara Cruise".
  This map isn't used (its the same as https://www.arkesia.gg/maps/Tortoyk/Seaswept%20Woods) and a research could only find one single source listing this map without any comment.

• Map thumbnail missing in Mokoko Village: https://www.arkesia.gg/maps/Tortoyk/Mokoko%20Village?tile=7
  See bottom left:
  
  This map is this house in Mokoko-Village (I dont know what it's called in English, couldn't find the name):
  
  Also, when adding a node, the view switches to that map. And while I am on that map, right clicking doesn't bring me back to Mokoko Village, but to the world map. These issues might be all connected.

• Map missing in Mokoko Village: Village Chief's Home
  

Weird Pixel Offset When Releasing Node (Editing Location)

When editing a node and moving it's location the node jumps a few pixels from the location selected when releasing RMB. See example below:

Crashing When Deleting & Reuploading Image on Node

Blows up when trying to save a node after deleting an image. The image is deleted, but then when trying to put a new image in that node. It blows up with the same error and doesn't save the new image.