search

retejs / rete

JavaScript framework for visual programming
https://retejs.org
MIT License
10.17k stars 653 forks source link

Scrollable Background grid? #353

Closed iyobo closed 5 years ago

iyobo commented 5 years ago

Is it possible to have a scrollable background grid? Any idea on how that could be implemented?

Ni55aN commented 5 years ago

How should it look like?

iyobo commented 5 years ago

Like the unreal engine scrollable background grid:

Watch this quick video. https://youtu.be/0kQDssI8fkI

iyobo commented 5 years ago

@Ni55aN back when I used other node graph libraries, I believe they achieved this by specifying major and minor grid lines, each with separate color and thickness settings, so users can determine how they want their gridded background to be. i.e

//grid settings
{
  primary: {color:'grey', thickness: 1, size: 2},
  secondary: {color: 'black', thickness: 4, size 4}
}

I love the way rete looks and the UX is top notch!

Ni55aN commented 5 years ago

@iyobo I don't understand completely where is the scrollable effect. The background looks fixed relative a nodes. Example: https://rete.js.org/#/examples/customization

iyobo commented 5 years ago

@Ni55aN Oh wow, thanks for that link. That is exactly what I want.

Thank you for Rete!

Ni55aN commented 5 years ago

@iyobo

https://github.com/retejs/rete.js.org/blob/master/src/components/Examples/list/customization/index.js#L47 https://github.com/retejs/rete.js.org/blob/master/src/components/Examples/list/customization/style.sass#L15