[OpenLayers-Dev] 3d-accelerated panning

[Gregers Gram Rygg]

Awesome :)

I tested on an iPhone 4 and on an "old" iPad. The 3d-accelerated
version is a lot smoother on both. I've noticed that sometimes it lags
for a bit just before you start panning, but I guess this is because
the browser loads the tiles into memory or something. It also happens
for the pinch-zoom trick I posted earlier. Despite the small delay, I
still think the 3d-version is better. Also, I've tested pinch-zoom
with translate3d on an iPad 2, and it's perfectly smooth with no delay
at all :) So I guess the delay on some devices will slowly fade away
as time passes.

This article has a bit more details about the effect of translate3d:
http://www.html5rocks.com/tutorials/speed/html5/

Gregers


On Fri, Apr 29, 2011 at 9:47 PM, Bart van den Eijnden <bartvde at osgis.nl> wrote:
> It's so much faster on my iphone4 that I sometimes get lost in the map!
>
> Great work Eric!
>
> Bart
>
> Sent from my iPhone
>
> On Apr 29, 2011, at 9:22 PM, Eric Lemoine <eric.lemoine at camptocamp.com> wrote:
>
>> Hi
>>
>> I've been experimenting using CSS3 translate3d transform for moving
>> the layer container div when panning. My experimental code is in the
>> elemoine/accel3d sandbox.
>>
>> I would appreciate if IOS users could test [1] and [2] and report
>> back, to know if my "3d-accelerated panning" code makes a difference.
>> I'm also interested in feedback from Android users, although I don't
>> expect better results with ?accel3d, since, to my knowledge, Android
>> doesn't support 3D acceleration in the browser.
>>
>> Thanks,
>>
>> [1] <http://dev.openlayers.org/sandbox/elemoine/accel3d/examples/mobile-jq.html>
>> [2] <http://dev.openlayers.org/sandbox/elemoine/accel3d/examples/mobile-jq.html?accel3d>
>> (this one may yield a better map drag/pan experience in IOS/Safari)
>>
>> --
>> Eric Lemoine
>>
>> Camptocamp France SAS
>> Savoie Technolac, BP 352
>> 73377 Le Bourget du Lac, Cedex
>>
>> Tel : 00 33 4 79 44 44 96
>> Mail : eric.lemoine at camptocamp.com
>> http://www.camptocamp.com
>> _______________________________________________
>> Dev mailing list
>> Dev at lists.osgeo.org
>> http://lists.osgeo.org/mailman/listinfo/openlayers-dev
>>
> _______________________________________________
> Dev mailing list
> Dev at lists.osgeo.org
> http://lists.osgeo.org/mailman/listinfo/openlayers-dev
>