GithubHelp home page GithubHelp logo

Does it support zoom and pan? about graphx HOT 11 CLOSED

roipeker avatar roipeker commented on August 15, 2024
Does it support zoom and pan?

from graphx.

Comments (11)

roipeker avatar roipeker commented on August 15, 2024 2

I can't publish the map example, but i can add a simple demo that shows pan and zoom.

is just a matter of notify the gesture detector widget callbacks into the Graphx scene

from graphx.

roipeker avatar roipeker commented on August 15, 2024 2

Live demo

Complete gist.

Just made a full sample, might look overcomplicated, but covers Image shader fill (graphics.beginBitmapFill with Matrix transforms), mouse / touch input, and easing.

Hope it makes sense...

Sorry, I should have provided a simpler sample.
Here's another gists with much less code.
live demo .

Let me know if the example is clear enough, so i can close this issue.

from graphx.

roipeker avatar roipeker commented on August 15, 2024 1

Live demo

Complete gist.

Just made a full sample, might look overcomplicated, but covers Image shader fill (graphics.beginBitmapFill with Matrix transforms), mouse / touch input, and easing.

Hope it makes sense...

from graphx.

shujaatak avatar shujaatak commented on August 15, 2024 1

@roipeker Can you please add these gists as examples in the repository? It would really help new comers as they would find the examples in one place rather than scattered around in gists.

@roipeker GraphX is extremely useful library. Thank you so much for the precious countless hours and neurons you have spent on making this library possible.

from graphx.

roipeker avatar roipeker commented on August 15, 2024

No multipointer/gestures support inside graphx, only the basic mouse interactions. All GDisplayObjects have onMouseDown,onMouseUp, etc. So pan can be easily approached manually inside graphx (or use startDrag(),stopDrag()) but for gestures and multitouch you need a GestureDetector wrapping the SceneBuilderWidget and emitting events to be captured inside graphx code.

from graphx.

JulianBissekkou avatar JulianBissekkou commented on August 15, 2024

Is support for gestures planned? If not can this be added to the docs? I am sure this will be frequently asked question :o

from graphx.

roipeker avatar roipeker commented on August 15, 2024

No plans for now, is totally doable but is just a layer on top of gesture detector. If u put a GestureDetector on top of the SceneBuilderWidget coordinates will match the stage, and you can emit signals to your Graphx scene to use the data.

from graphx.

imiskolee avatar imiskolee commented on August 15, 2024

@JulianBissekkou if you are working on it, please update any solutions. I also want them. thank you!

from graphx.

JulianBissekkou avatar JulianBissekkou commented on August 15, 2024

@imiskolee I am not working on it, but I am sure that there is an example where you can check the code. Am i right @roipeker ?
I saw a map example a few months ago on twitter. Can you publish that?

from graphx.

imiskolee avatar imiskolee commented on August 15, 2024

@roipeker it's also very helpful for US! please a GIST!

from graphx.

roipeker avatar roipeker commented on August 15, 2024

Fixed in https://github.com/roipeker/graphx/tree/dedf6cc8f455e4c6213e62731879b8d1aab381d3

from graphx.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.