Create Minimum Viable Product

[dd84ai]

Plan

• Galaxy map
  • implement edge connections
    • check if the connection two way, then one coloration
    • if jumpgate, then another coloration
    • if unstable, then another coloration
    • if one way, then another coloration
  • highlight currently system and edge connections on hover
• System map

Research legacy map

• read carefully through all bugs and features of a online navmap
  • at forum
  • and at github issues
    • https://github.com/AudunVN/Navmap
    • https://github.com/AudunVN/Navmap/issues?page=3&q=is%3Aissue+is%3Aopen

[dd84ai]

Treewyrm converstion

Darkwind the Dark Duck — Today at 9:35 AM
tbh i am looking forward to see how to remake it
For a complete set of common player tools. (edited)

Treewyrm — Today at 9:36 AM
Either canvas or svg tbh.

Darkwind the Dark Duck — Today at 9:38 AM
svg allows us in general defining graphics at the level of html tags That's a good default to my tech stack
i'll keep that in mind (edited)

Treewyrm — Today at 9:41 AM
Svg is vector graphics in xml, so it's embeddable and can be mixed with html. Imo quite sufficient for FL maps.

Darkwind the Dark Duck — Today at 9:43 AM
yeah, very attractive, since easy mixable with my static site generating approach
[9:43 AM]
i can go with SSG rendering each star system through SVG easily i think
[9:45 AM]
users will be served then already rendered content ^_^ that alone will speed up things by magnitudes (edited)
[9:45 AM]
in comparison to current map that does all the processing effort at client side

@treewyrm
you can do some, albeit limited, dynamic stuff without touching js there, although you do get the most out of it if you do the usual events and all that. there's also a declarative form for the animation too, again it's not as powerful as you'd do programmatically but for the simple stuff I found it sufficient in the past: https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL (edited)

Darkwind the Dark Duck — Today at 10:33 AM
nice. My main concern will be providing zoom capabilities though
And ability to click each element of a map for going to other system or seeing information
[10:33 AM]
i am unsure if i can make separate SVG sub elements clickable
[10:34 AM]
for this reason probably would be easier just doing position: absolute/relative inside div map

Treewyrm — Today at 10:34 AM
svg elements are clickable and normally you don't need to worry about 'hitboxes'
[10:34 AM]
you can do zooming, it would be partially programmable but fundamentally it boils down to manipulating areabox of a viewport

@treewyrm
svg elements are clickable and normally you don't need to worry about 'hitboxes'

Darkwind the Dark Duck — Today at 10:35 AM
i mean... can we make

<title>Attribute Animation with SMIL</title>

specific element like Circle in SVG being clickable but whole SVG itself remain not clickable?

Treewyrm — Today at 10:35 AM
correct

Darkwind the Dark Duck — Today at 10:35 AM
if sub elements event hooking is not possible than div map makes more sense

@treewyrm
correct

Darkwind the Dark Duck — Today at 10:35 AM
we can?

Treewyrm — Today at 10:36 AM
you can have multiple elements, pack em into svg group (g element) and have that one clickable and its hitbox will be all subelements combined

Darkwind the Dark Duck — Today at 10:36 AM
https://stackoverflow.com/questions/39013356/add-svg-to-html-and-handle-events
Oh yes, this shows we can each specific element in SVG to hook for events. nice (edited)
Stack Overflow
Add SVG to HTML and handle events
I have this SVG file. which display different svg elements (Circle, Eclipse, Polygon,polyline etc)

and each element has its own ID.

I can add the function (onClick or MouseClicK) when that specif...

[10:36 AM]
okay, then it makes SVG as really plausable easy method to go
[10:37 AM]
drawing capabilities as HTML with event hooking for each elem.

@treewyrm
you can do zooming, it would be partially programmable but fundamentally it boils down to manipulating areabox of a viewport

Darkwind the Dark Duck — Today at 10:37 AM
you can do zooming, it would be partially programmable but fundamentally it boils down to manipulating areabox of a viewport
marked to know. ^^
[10:38 AM]
u pretty much drawed me how to make the map here ^^ thank you very much (edited)

Treewyrm — Today at 10:38 AM
be aware there's top-element (svg) areabox but you can create sub-viewports inside so as not to effect the entire svg 'canvas' by zoom

1
[10:38 AM]
since you'd want to layer tooltips and whatnot separately

jammi the Returning Hero — Today at 10:40 AM
We should probably set up a new channel for UI development to preserve this stuff
Treewyrm — Today at 10:40 AM
mdn will be your main source of information about svg pretty much