Pan and Zoom about two.js HOT 6 CLOSED

You'll need to update your two.js build, because I needed to add an inverse method to the Two.Matrix class. Here's an example using jQuery for mousewheel event:

http://jonobr1.github.io/two.js/examples/zui.html

Happy Coding.

from two.js.

So I've updated two.js polygons to have a matrix property which is an instance of Two.Matrix. This will allow you to do more sophisticated operations like the Google Maps interface. It can be used in conjunction with translation, scale, rotation, but it's recommended to use one paradigm or the other. I'll update at a later date with a Google Maps zoomable scene.

Here's the commit, but the latest build should have this bundled: 75a946a

from two.js.

This is actually fairly complicated. It requires manipulating the underlying matrix transformations for two.scene. I can work on a demo for you, but I can't really guarantee a timeline. There are 2 major things that need to be done in order for this to work:

• Matrix events need to be rewritten to be able to handle arbitrary matrix transformations, not just the translate, scale, rotate methods
• Wrapper functions need to be written in order to be able to properly direct transformation origin and scaling factors. A good example of these wrappers can be found in zui53 a css3 jQuery plugin.

from two.js.

Thank you so much for this!

from two.js.

@adamdburton Hey, I would like to know that how did you implemented Pan feature?

from two.js.

As asked in #519, here's an updated example with the panning implemented as well. #519

from two.js.