[OpenLayers-Dev] Towards slick panning and animated zooming

Tue Jan 8 04:23:50 PST 2013

Initial tests on Desktop Chrome and built in browser on Android 4.0+ is
promising and does seem quite smooth, comparable to leaflet.

Initial tests on iPad (iOS 6) unfortunately isn't as nice though, I'm
experiencing significantly worse performance with the experimental example
compared to the stable 2.12 version :(

2013/1/8 Björn Harrtell <bjorn.harrtell at gmail.com>

> Don't forget to also use the experimental CSS theme for OpenLayers since
> it adds stuff needed for GPU acceleration (afaik):
>
>
> https://github.com/ahocevar/openlayers/blob/mobile-wmts-vienna/theme/default/style.css
>
> https://github.com/ahocevar/openlayers/blob/mobile-wmts-vienna/theme/default/style.mobile.css
>
>
> 2012/12/21 Andreas Hocevar <ahocevar at opengeo.org>
>
>> For those of you who want to test, the live example site also provides
>> all examples that OpenLayers ships with, and you can test
>> http://ahocevar.github.com/openlayers/mobile-wmts-vienna/lib/OpenLayers.js
>> with your own applications. Note that the TileManager is not enabled
>> by default. To add it, configure your map with the following option:
>>
>>     tileManager: new OpenLayers.TileManager()
>>
>> The whole source code is available at
>> http://github.com/ahocevar/openlayers/tree/mobile-wmts-vienna.
>>
>> Andreas.
>>
>> On Fri, Dec 21, 2012 at 12:46 PM, Andreas Hocevar <ahocevar at opengeo.org>
>> wrote:
>> > I added another pull request that is used in my mobile-wmts-vienna
>> > branch and in the live exymple now:
>> >
>> > https://github.com/openlayers/openlayers/pull/810
>> > Use transitionend listeners where available. Should be easy to review.
>> >
>> > Andreas.
>> >
>> > On Wed, Dec 19, 2012 at 9:41 AM, Andreas Hocevar <ahocevar at opengeo.org>
>> wrote:
>> >> Hey fellow developers,
>> >>
>> >> I don't know if you saw the enthusiastic tweets (e.g.
>> >> https://twitter.com/19_norte/status/281134258725199875), but
>> >>
>> http://ahocevar.github.com/openlayers/mobile-wmts-vienna/examples/mobile-wmts-vienna.html
>> >> shows the improvements in tile rendering we can get with four pull
>> >> requests. All these pull requests have been thoroughly tested, and are
>> >> the result of client work at OpenGeo. To bring these improvements into
>> >> master, I am asking for reviews:
>> >>
>> >> http://github.com/openlayers/openlayers/pull/702
>> >> New tile image cache and tile queue improvements. This pull request
>> >> gets rid of the current tile queue, which I know many people were
>> >> unhappy with. It adds a new TileManager class, which delays tile
>> >> loading for panning (replacement for previous tileLoadingDelay in
>> >> Layer.Grid) and zooming to avoid unnecessary tile image requests. It
>> >> also keeps references to image elements, so they can be reused when
>> >> the user pans or zooms back to regions or zoom levels that were
>> >> already visited.
>> >>
>> >> http://github.com/openlayers/openlayers/pull/800
>> >> Use translate3d to enable GPU support where available. This introduces
>> >> an applyTransform method on the map, which will use an appropriate
>> >> positioning method for the layerContainerDiv. Without any transform3d
>> >> styles on the layerContainerDiv, style.left and style.top will be used
>> >> just like we currently do, and scale transforms will be used for
>> >> scaling. But with a translate3d style on the layerContainerDiv, all
>> >> positioning is made with translate3d, and scaling is done with
>> >> scale3d. By doing so, the GPU kicks in and brings greatly improved
>> >> dragging and pinch-zooming performance.
>> >>
>> >> http://github.com/openlayers/openlayers/pull/503
>> >> Animated zooming. This depends on #800, and I will rebase it when #800
>> >> is in. For now, it is best to look at the three commits mentioned in
>> >>
>> https://github.com/openlayers/openlayers/pull/503#issuecomment-11495176.
>> >> This change includes some improvements to the MouseWheel handler, and
>> >> better mousewheel defaults for the Navigation control, to allow for
>> >> usable and predictable wheel zooming on touch pads.
>> >>
>> >> http://github.com/openlayers/openlayers/pull/803
>> >> Tween: skip frames when minimum frame rate is not reached. We use
>> >> requestAnimationFrame for tween already, but we have no control over
>> >> the frame rate. This change introduces a new minFrameRate option. When
>> >> set, frames will be skipped if the animation gets too slow. The effect
>> >> of this can best be seen when zooming with #503 applied in Firefox:
>> >> instead of the 20 frames (which work fine in Chrome), about half of
>> >> the frames will be skipped because Firefox can not scale the
>> >> layerContainer fast enough. The visual effect of animated zooming
>> >> still works fine, and users do not have to wait too long for the zoom
>> >> to finish.
>> >>
>> >> Thanks for any reviews! With these changes in, the visual appearance
>> >> and performance of OpenLayers will be on par with Leaflet.
>> >> Andreas.
>> >>
>> >> --
>> >> Andreas Hocevar
>> >> OpenGeo - http://opengeo.org/
>> >> Expert service straight from the developers.
>> >
>> >
>> >
>> > --
>> > Andreas Hocevar
>> > OpenGeo - http://opengeo.org/
>> > Expert service straight from the developers.
>>
>>
>>
>> --
>> Andreas Hocevar
>> OpenGeo - http://opengeo.org/
>> Expert service straight from the developers.
>> _______________________________________________
>> Dev mailing list
>> Dev at lists.osgeo.org
>> http://lists.osgeo.org/mailman/listinfo/openlayers-dev
>>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/openlayers-dev/attachments/20130108/632891ed/attachment-0001.html>