2012-07-19 3 views
1

Est-ce que quelqu'un ici a un bon exemple de panning en utilisant Easeljs? Je suis en train d'animer une balle dans une grande toile, environ 5200x7400. Je suis en mesure de centrer la balle sur l'écran en utilisant un div qui contient le canevas, en le configurant pour déborder défiler puis en utilisant la fonction tick() pour définir le scrollTop et scrollLeft de mon <div>.Canevas HTML5 avec pan d'easeljs

Je veux juste faire cela en utilisant pure toile parce que lorsque j'essaie d'utiliser mon site sur Android 4.0, scrollTop et ScrollLeft ne fonctionnent pas.

Répondre

0

Y a-t-il une raison pour laquelle vous utilisez un tel canevas, au lieu de simplement déplacer le contenu dans le canevas? Une grande toile comme celle-là aura un impact énorme sur la mémoire et la performance - alors que la traduction d'un conteneur à l'intérieur de la toile est assez insignifiante.

+0

c'est en fait une carte de la ville avec des détails élevés, je voudrais aussi essayer de diviser les données cartographiques en carreaux mais je n'ai pas encore essayé –

+0

La carte de la ville est seulement stockée en format Jpeg ce sera aussi mieux si je charge la carte de fond via EaselJs comme un enfant? –

+0

Oui, je recommande de charger l'image, puis de la diviser en secteurs (formes), puis en déplaçant ces secteurs en correspondant à une position de caméra. Si vous avez besoin d'un exemple, faites le moi savoir. – Bodman