Comments (9)
zoom finalized and camera mode added.
from loopy.
Being able to pan the canvas would probably also help with this.
from loopy.
@xklech does actual zoom and move do the job for your use-case ?
@denistsoi if it does what you want, you probably can close the issue (even if it will not be merged here but still maintained in my fork).
from loopy.
This also would require a more effective saving mechanism as it quickly runs into the limits of how much data can be stored in the URL.
from loopy.
For data, which is too long for the URL (the max length is different in different browsers), the user could be prompted to copy a string out of a text field (like in cookie clicker) and to save it, e.g. in a text file, of let the user download a text file which he/she has to upload when loading again.
from loopy.
I wonder, whether createObjectURL would help here …
from loopy.
This also would help with longer text in the nodes - you can zoom in/out to read as some things need more than a word or two :)
from loopy.
@ncase We have quite big models we would like to persist and simulate and as stated in this issue area is too small.
What I was thinking about was to use something like http://ianli.github.io/jquery-infinite-drag/ or something similar so u can move around the model. I tried it but I somehow got stuck that I somehow got the feeling that almost everything is bound to Browser window size. Boundaries for canvas, etc.
Do you have please some advice about where to start looking? Or some other ideas about how to achieve bigger models now we have persistent storage possibility?
from loopy.
I'm planning to improve it (zoom on mouse position), but you can now zoom in/out and pan in #20 : https://1000i100.github.io/loopy/2/
from loopy.
Related Issues (20)
- color contagion arrow HOT 1
- node color behavior in colorLogic HOT 1
- visual group HOT 2
- functionnal groups HOT 1
- gear Node and Edge
- FEAT node images HOT 1
- FEAT import/export node data HOT 7
- USAGE TESTING HOT 2
- Node visibility in play mode
- Camera mode HOT 1
- Read Only |or| User Interactive Node Toggle
- UI : behavior features tab and display features tab HOT 1
- Link / href in loopy HOT 1
- Just some random praise
- non negative amount and visualization of negative amount HOT 2
- sparklines / charts HOT 4
- zoom / pan for canvas HOT 2
- saving as a gif HOT 2
- Could Loopy be used in VScode?
- Providing translations guideline
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from loopy.