2012-07-23

Client Code Update

I've just pushed a set of updates to the client files - the HTML, JavaScript, and CSS that makes up the pages. This affects the main page, the iframe page, and the touch page. These now all share common logic which will make updates easier. The visible changes are:

  • Intermediate levels are used when zooming in with the mouse wheel. This may mean that the "Scale" field in the control panel will go blank, but if you're using the wheel you probably aren't using the drop-down.
  • When zooming, the previous image tiles are used until the new tiles load. Combined with the previous, this means zooming is much smoother. 
  • The credits display at the bottom of the page (which shows credits, sector data, world data, and one-click generators for LBBs and Posters) now [EDIT: Based on feedback in the comments]  tracks your mouse hover coordinates updates on click/doubleclick/drag rather than just what's centered on the page.
  • When you zoom by double-clicking or using the wheel the mouse position is retained, so you can "zoom in" on something that isn't centered.
  • Added Facebook and Twitter buttons next to the Google Plus buttons.
  • The "you are here" and overlay URL parameters from the iframe API can be used on the main map page. 
  • Tweaked the [-] and [+] buttons in the control panel to be the same size. Yay for


Note: I only tested as far back as IE8. According to analytics, I have a small number of IE7 users. If they report problems I may be able to fix it, but only if they complain. My testing on browsers other than IE,  Chrome and Safari (iOS) has been limited, but Firefox and Opera are usually pretty well behaved.

As always, let me know what I broke and I'll try and fix it quickly.

EDIT: Remember to mention which browser+version and which operating system+version you're using, too.

...

In other news - no progress on the outages. I've found and fixed a couple of bugs with cached state handling but I still see the service going down when usage is high. I have monitoring set up now so that as I make changes I can have a higher confidence that they haven't made things worse.
Ω

16 comments:

77topaz said...

Now, when you double-click at scale 64, the map zooms in as well as moving. Which is annoying, especially as zooming back out one step using the wheel doesn't take you back to 64, and it's impossible to see whether you're larger or smaller than 64, or by how much you need to scroll. And when you zoom in rapidly using the wheel, the map first loads all the intermediate "distinct" zoom levels, meaning loading isn'
t very quick.

77topaz said...

A side effect of that is that you're left with hugely pixelated images every time you zoom in, until the map finishes loading.

Unknown said...

I don't see the link to print the sector posters and the LBB subsector maps anymore

Benjamin said...

I like some of the additions, great work!

Joshua Bell said...

Thanks for the quick feedback, folks.

@Arthur - I've partially reverted the change, since only hover coordinates makes it impossible to get to the Poster/LBB links. Now the credits display will update when the map pans, but also when you click/doubleclick so you don't have to perfectly center the map to get details about a world.

@77topaz - I've restricted double-click-zooming to 64 pixels/parsec again. Thanks!

77topaz said...

Now double-clicking on a world at scale 64 doesn't move the map anymore.

77topaz said...

And force-hexes seems to be on by default, but it shows as inactive in the check-boxes-list.

77topaz said...

Now the whole TravellerMap site has gone down. And it isn't just me, isup.me/travellermap.com shows it as well.

Joshua Bell said...

@77topaz: The site has been getting a lot more traffic than usual and hitting limitations of the hosting environment. See the previous blog post for more details. I apologize for the outages; it may require rebuilding the site from scratch on a different technology base to address it.

I've restored the "at 64 pixels/parsec, double-clicking centers".

Anonymous said...

Are you going to bring back the link to the LBB generator page?

77topaz said...

Zooming in by double-clicking and then zooming back out by turning the wheel once doesn't take you back to the same zoom level.

Joshua Bell said...

@Anonymous:
The LBB generator links are still there, they just don't show up until you either move the map or click on it. (And if they're not showing up for you, please let me know the URL, your browser/version and OS/version)

@77topaz:
Yes, wheel and double-clicking (normal to zoom in, with Alt to zoom out) no longer zoom by the same amount. The wheel gives you intermediate zoom levels for a smoother experience, double-clicking is coarser.

77topaz said...

Hey, when did you add Subsector E of Pliabriebl?

Anonymous said...

Hmmm .. started having an issue with the function on the map .... I enter my search string and then click the button and it seems to go into limbo. All I see are the animated 'searching' bubbles and it never returns a result ... I'm Using IE8.0.6001.18702 in the WinXP SP3 operating system .... Works just fine with Firefox 3.6.22 on the same machine

Anonymous said...

Quick observation: the LBB generator names each subsector as, for example, "Aramis Subsector" in large font. It then uses that *entire* string as the subsector name in the summary text just under each 8x10 map, giving (for example)
"Aramis Subsector subsector".
It seems a decision needs making: remove "subsector" from the large headings, or remove it from the code that generates the map-footer text.

Joshua Bell said...

Re: "Aramis Subsector subsector" - fixed, thanks!