Dataflow tree editor line graph


#1

can u suggest what i should use to create somethink like that app
http://idflood.github.io/ThreeNodes.js/public/index.html#

#1 main question (i cant find tutorial / example): how to creatate this drag'n'drop tree, node joins ...

#2 second question is about "curve edit" how to create (what to use) to create something like that?

 


#2

1) Have you looked at the Demo host example that ships with JUCE?

2) It's very easy to draw any type of shape you like directly onto components in their respective paint() method.

MyComponent::paint (Graphics& g)

{

g.drawRectangle....

g.drawLine....

etc..

}

 


#3

draw is easy - i thing maybe there is alredy some component what i can use for it.. 
where i can change curve with some "vertexes" / add new ...

same for "graph" i see there is some "magic" in AudioProcessorGraph but i dont know is posible to crate some custom graphTree.. or something like that.. just to work with it, by draging nodes, and make sore that all joints left as is, and some common way how to serialize that data.

just dont wont "investigate bicicle" (something that already is done)

 


#4

There is no special component for drawing envelopes and curves. You'll have to roll your own. I have to again refer you to the demo host that comes with JUCE with regards to your second question. 


#5

which demo do you mean - some from main "juce/extras/Demo"

or about "juce/extras/audio plugin demo"? (this one i cant build)


#6

The 'audio plugin HOST' demo :)


#7

tnx - will try to build it

btw - about curve - for me it sounds nothing hard to imploment - but it would be nice (if i be not so lazy ill create pull-request)  if that component be there