Cook, potter, inventor, writer, neographer, conlanger, phantasocartographer, coder, linguist, poet, blogger, webmaster, speedrunner, herald, translator, songwriter, ergonomicist, pilot, miner, outrageous liar, gardener.

  • 32 Posts
  • 31 Comments
Joined 2 年前
cake
Cake day: 2023年10月9日

help-circle

  • Turns out no, an imagemap cannot use relative units for its hotspots. Sort of. I can use whatever units i want for one corner of a rectangular hotspot, i can even mix units, but one corner has to be in px. What does work is adding a single pixel transparent image with a link, stretched to cover the hotspot. Then i can position and scale that image using vw units (vh and % won’t work) and for reasons beyond my comprehension, that just works.



  • My problem arises when i shrink my browser window to be less wide than the image, so it scales down to fit, and i guess the imagemap doesn’t. I found a browser extension that can highlight imagemaps, and here’s what the page looks like from a full screen and a smaller screen.

    The image is being scaled down by width:100% but the map doesn’t scale with it, and uses the same pixel distances from the origin corned of the screen. I’ve added some relevant code to the initial post. The horizontal scroll bar is only brought back by the extension, normally the maps to the right (not shown here) are impossible to reach on a screen too narrow.

    I guess as a workaround i could add invisible images with links at absolute positions where i currently have hotspots. (PS: tried this, found the same problems. Maybe i just don’t understand CSS positioning, maybe what i’m trying to do is impossible. Maybe i need a break, or to not work on this stuff first thing in the morning.)















  • Thanks for the detailed answer. As a person with vision, i’m familiar with this already but i didn’t know any of the math or science behind it.

    I mostly was curious to know if an addon existed to adjust an object’s scale as you adjust its distance along an axis perpendicular to the camera (your view, not the camera object) to keep its visual angle the same. I don’t have any need for a tool like this so i probably won’t try to make said addon, but it’s nice to know that the formulas for this already exist.

    I think photos of people posing around monuments are good examples of this. You already mentioned the Eiffel Tower appearing to be as tall as a person from the right angle.

    The Leaning Tower of Pisa is obviously much bigger than this bag, but the bag is positioned at an angle to make the tower look small enough to fit inside.















  • I’m a native (American) English speaker and i still spell words wrong all the time, as do most people i know. Part of that is that i don’t really care if a computer’s spellchecker says i should use the French “-ible” instead of the more English “-able”, and part of it is that i know English spelling can’t get any better if we never let it evolve and we try to keep it totally static by making any spelling that doesn’t agree with Merriam and Webster a point of shame.




  • The best options i’ve found for collaborating on conlangs or worldbuilding are Discord/Revolt/whatever other clone, and Cryptpad or Google Office Suite (spreadsheets might be better than text documents). For presenting the information in a non-collaborative way, just making a simple website isn’t very hard. Or a Lemmy community could work, once the language is fleshed out enough for light use. I wonder if anything like PolyGlot for collaborative work exists.