[OpenLayers-Dev] Towards slick panning and animated zooming

Björn Harrtell bjorn.harrtell at gmail.com
Tue Jan 8 00:40:52 PST 2013


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/027b256d/attachment.html>


More information about the Dev mailing list