[HN Gopher] History of the Greek-Persian Wars: Interactive Map a...
       ___________________________________________________________________
        
       History of the Greek-Persian Wars: Interactive Map and Timeline
        
       Author : nonoumasy
       Score  : 80 points
       Date   : 2022-08-03 12:46 UTC (2 days ago)
        
 (HTM) web link (history-maps.com)
 (TXT) w3m dump (history-maps.com)
        
       | Andrew_nenakhov wrote:
       | Nice idea, but the app autoscrolls every few seconds on mobile
       | Firefox making it unusable.
        
         | nonoumasy wrote:
         | Not sure why it's autoscrolling. I haven't seen that issue
         | before and also the play feature is disabled on mobile. Which
         | phone and os do you have? I'll try to reproduce the issue.
        
           | Andrew_nenakhov wrote:
           | I think this happened when I pressed play. Also works the
           | same on Desktop. Smetana's music is nice, but the resource
           | becomes unusable as it scrolls and scrolls to new chapters.
           | In can record a video of you want.
        
             | nonoumasy wrote:
             | Sure that would be great if you can record it. But how are
             | you able to press play on mobile Firefox. I hid the button
             | on mobile. Are you accessing that using Firefox dev tools?
             | 
             | Btw, it's suppose to autoscroll on Play. That is the
             | feature. Its what I call the 'storyteller mode'. I am
             | thinking of using text-to-speech to read each event before
             | proceeding to the next event so the 5 second delay is an
             | arbitrary setting for now.
             | 
             | If you don't want the autoscroll, then you can just scroll
             | the old fashion way on the sidebar. When you do the map
             | will flyTo() the corresponding event.
        
               | Andrew_nenakhov wrote:
               | I just press the "play" button right in the center, music
               | starts playing and everything starts jumping around. Try
               | this link for video:
               | 
               | https://www.dropbox.com/s/nq0y4mywomv5vd1/20220806_024731
               | .mp...
        
               | nonoumasy wrote:
               | Thanks. I saw the video. Yes! That is what it's suppose
               | to do when you hit 'play'. But you don't get that view on
               | a real mobile device. The menu icon is also hidden on
               | mobile. You only see this view on dev tools.
               | 
               | The play feature is only if you want the events to
               | autoscroll for you and its part of a storyteller feature
               | I'm working on. So you don't have to use it to scroll.
        
               | Andrew_nenakhov wrote:
               | > Yes! That is what it's suppose to do when you hit
               | 'play'.
               | 
               | Well. I don't think it is a good idea. In text-based
               | content, you need to wait for some input from the user
               | that he's done reading this part of the page and is ready
               | to proceed further. And in your case, the page scrolls
               | _extremely fast_. I 'm no slow reader, but I barely
               | manage to read the chapter headline before it scrolls.
        
               | nonoumasy wrote:
               | well then, the solution is simple. Don't click 'play' and
               | like I said, Users on mobile won't even see that 'play'
               | button.
        
             | [deleted]
        
       | n8cpdx wrote:
       | Very cool project, but as others have said there are performance
       | issues even on high end devices.
       | 
       | Full disclosure: I work for Esri, a competitor to Mapbox.
       | 
       | This probably could have been implemented more quickly and
       | easily, with better usability and performance, via StoryMaps or
       | ArcGIS StoryMaps. The product is tailor-made for exactly this
       | sort of website/project.
       | 
       | https://storymaps.com/
        
       | kensai wrote:
       | It is good, but given today's interactive capabilities I somehow
       | expected more. Still well done!
        
         | nonoumasy wrote:
         | What other things were you expecting?
        
           | pazimzadeh wrote:
           | -searching text
           | 
           | -scroll without hovering over the text itself
           | 
           | -not having to wait for each section to load when scrolling
        
       | spyremeown wrote:
       | Very cool! I'm getting some performance issues though (mb air
       | 2018). Pretty low FPS.
        
         | nonoumasy wrote:
         | thanks for the feedback. are you gettng the issues just on the
         | story page? or also on the main home page?
        
       | rendang wrote:
       | Nice info, but where's the scroll bar?
        
         | Calavar wrote:
         | Scroll bars are Web 1.0 garbage.
        
           | BbzzbB wrote:
           | Definitely missing some Web 3.0 treasures like a Metamask
           | connection and microtransactions for each event displayed.
        
           | UberFly wrote:
           | Fine then give me some web 3.0 scroll bars.
        
       | lagrange77 wrote:
       | Even though it's pretty invasive, i love the image onclick
       | fullscreen display along with the clicking sound.
        
         | nonoumasy wrote:
         | btw, why do you think it's invasive? in what sense?
        
         | nonoumasy wrote:
         | Thanks. I'm still rethinking that. It was a quick solution to
         | show the images especially the otherImages(which are
         | predominantly other map images) full screen. There's value in
         | seeing the details up close. But I might try a different
         | design, maybe a carousel in the future.
        
       | COGlory wrote:
       | Cool idea, but not very well done. Basically the map zooms into
       | one spot and then tells you about a bunch of other places that
       | were involved that the map doesn't pan to.
       | 
       | Also, the timelines are overlapping too much, for example it says
       | something happened, then moves locations and says some other
       | thing previously happened (that it just told you about).
       | 
       | Finally, lots of little things thrown in at the end; "the Ionian
       | revolt happened and Persia spent time and effort conquering them.
       | [3 paragraphs] Also Persia was mad at Athens for helping which
       | kicked off the war". Not built in a very narrative or easy to
       | track way.
        
         | brudgers wrote:
         | Curious if there is a better implementation?
        
       ___________________________________________________________________
       (page generated 2022-08-05 23:01 UTC)