Silverlight Games 101

My laptop has a 16 inch screen with 1920×1080 resolution and my eyes aren’t what they used to be so I run in high DPI mode 125%. This makes all of my icons and text bigger, but it also sets IE to 125% zoom. This is fine for the most part except for some apps that don’t handle it properly. For the most part these apps have been Flash, such as the Radar Map on Weather.com:

http://www.weather.com/weather/map/interactive/USFL0291?from=36hr_topnav_undeclared

Try it with a zoom other than 100% and you’ll see what I mean. One of the worst cases of this I saw was a series of AT&T banner and skyscraper Flash ads that didn’t handle zoom properly and had a lot of black space on the right and bottom. Not the best user experience for your ads. UPDATE: Found an AT&T ad having the issue:

For the most part, Silverlight handles this zoom for you and scales your application automatically. I have however run into a couple of Silverlight apps that have issues. Generally it seems to have to do with javascript integration and if you rely on values coming back from Javascript for positioning and don’t take the zoom into account.

A little unrelated, but here is a tip related to browser zoom and Silverlight. If someone has developed a Silverlight app that is too big for you to fit on the screen you can crank down your browser zoom (75%) to make it fit. This is especially useful for netbooks with their lower resolution screens.

Browser zoom issues will become more common as more people on Windows 7 discover the high DPI settings. These have been made easier to get to and understand while the screen resolution settings have been hidden away.