Got some basic patch display going in node-webkit:www.jonathanwilkes.net/pd-with-nw.webm -Jonathan
Nice work Jonathan!
On 20 January 2015 at 04:22, Jonathan Wilkes via Pd-list < pd-list@lists.iem.at> wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm
-Jonathan
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
Impressive, Jonathan. What does the text of a patch look like, is it json?
Katja
On Tue, Jan 20, 2015 at 5:22 AM, Jonathan Wilkes via Pd-list pd-list@lists.iem.at wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm
-Jonathan
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
On 20/01/15 12:22, Jonathan Wilkes via Pd-list wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm http://www.jonathanwilkes.net/pd-with-nw.webm
Very cool!
Cheers,
Chris.
Hi Jonathan,
I've a question. It is (or will be) possible to export the patch canvas in PDF (or SVG) format using node-webkit? For example, if you want a good pubblication quality figures in a dissertation (as an example), it is desirable to have that in a vectorial format instead of rester bitmap.
Thank you
Cheers
On 20/01/2015 05:22, Jonathan Wilkes via Pd-list wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm http://www.jonathanwilkes.net/pd-with-nw.webm
-Jonathan
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
Yes. In fact I used a little tk library someone had written to convert a tk canvas to svg with the current Pd. (It was a little hacky because I was loading the library and grabbing the current canvas manually.) Unfortunately I can't find a link, but I did that to make some svgs for Pd's Wikipedia page, and I've seen them turn up in different places. With node-webkit, it should be fairly simple to export an svg since the patch itself is drawn as an svg. -Jonathan
On Wednesday, January 21, 2015 12:53 PM, Alessio Degani <alessio.degani@ymail.com> wrote:
Hi Jonathan,
I've a question. It is (or will be) possible to export the patch canvas in PDF (or SVG) format using node-webkit? For example, if you want a good pubblication quality figures in a dissertation (as an example), it is desirable to have that in a vectorial format instead of rester bitmap.
Thank you
Cheers
On 20/01/2015 05:22, Jonathan Wilkes via Pd-list wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm -Jonathan
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
-- a. _______________________________________________ Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
@Alessio : I have written that library to use in WebPd : https://github.com/sebpiq/pd-fileutils It is far from perfect, and I am still working on it (generation of SVG being not my main priority here), but it should work well enough for many usecases. Besides, I'd be super happy to get some people testing it, feedback, and help with finding and fixing bugs...
@Jonathan : Great work! Are you aware of WebPd ( https://github.com/sebpiq/WebPd) ? I am currently doing a lot of work on it, to release a full-web audio API version soon (in branch waa). It would be great to have a GUI that I could hook-up to it. I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel. Unfortunately I haven't had time so far to get my hands into this. What are your plans for this node-webkit port?
On Wed, Jan 21, 2015 at 8:21 PM, Jonathan Wilkes via Pd-list < pd-list@lists.iem.at> wrote:
Yes. In fact I used a little tk library someone had written to convert a tk canvas to svg with the current Pd. (It was a little hacky because I was loading the library and grabbing the current canvas manually.) Unfortunately I can't find a link, but I did that to make some svgs for Pd's Wikipedia page, and I've seen them turn up in different places.
With node-webkit, it should be fairly simple to export an svg since the patch itself is drawn as an svg.
-Jonathan
On Wednesday, January 21, 2015 12:53 PM, Alessio Degani < alessio.degani@ymail.com> wrote:
Hi Jonathan,
I've a question. It is (or will be) possible to export the patch canvas in PDF (or SVG) format using node-webkit? For example, if you want a good pubblication quality figures in a dissertation (as an example), it is desirable to have that in a vectorial format instead of rester bitmap.
Thank you
Cheers
On 20/01/2015 05:22, Jonathan Wilkes via Pd-list wrote:
Got some basic patch display going in node-webkit: www.jonathanwilkes.net/pd-with-nw.webm
-Jonathan
_______________________________________________Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
-- a.
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes. It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick <chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Hi Jonathan!
(pinging Martin Roth who is currently messing around with Pd and web audio as well)
Yes I am pretty sure it does implement subpatches.
As for copy/paste that's another problem. I have never seen something such as copy/pasting graphical objects from one html page to another ... but nothing's impossible!!!
Something I am more concerned about is the ability to create controls (buttons, number boxes, ...). I think it wasn't really designed for this purpose.
On the other hand, even if the whole UI ends up not being a good match, several of it's components (for example auto layout, and so on) have been released as separate open-source packages so a possibility would be to build on top of those.
In the next few weeks, I'll be finalizing WebPd refactor to Web Audio, and then if you want we can keep in touch and in sync to test this noflo UI in a pd context!
On Thu, Jan 22, 2015 at 4:52 AM, Jonathan Wilkes jancsika@yahoo.com wrote:
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes.
It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick < chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
Hi Sébastien, Is there a small example of something like subpatching using that framework? Most of the docs I've read on NoFlo seem to treat the concept as an afterthought. There seems to be an emphasis on organizing large diagrams along the lines of train maps, which I think is the wrong metaphor. -Jonathan
On Sunday, January 25, 2015 5:01 AM, s p <sebpiq@gmail.com> wrote:
Hi Jonathan!
(pinging Martin Roth who is currently messing around with Pd and web audio as well)
Yes I am pretty sure it does implement subpatches.
As for copy/paste that's another problem. I have never seen something such as copy/pasting graphical objects from one html page to another ... but nothing's impossible!!!
Something I am more concerned about is the ability to create controls (buttons, number boxes, ...). I think it wasn't really designed for this purpose.
On the other hand, even if the whole UI ends up not being a good match, several of it's components (for example auto layout, and so on) have been released as separate open-source packages so a possibility would be to build on top of those.
In the next few weeks, I'll be finalizing WebPd refactor to Web Audio, and then if you want we can keep in touch and in sync to test this noflo UI in a pd context!
On Thu, Jan 22, 2015 at 4:52 AM, Jonathan Wilkes jancsika@yahoo.com wrote:
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes. It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick <chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Hi! Sorry for the slow answer. I've asked Forrest who is the developer for NoFlo-ui, and he answered that there is indeed subpatch support for noflo-ui. He suggests that if we are interested we should use directly noflo-ui, because it already runs the-graph which is just the raw graph library, and supports a simple protocol to add/remove/connect and so on nodes. He says there would be a bit of work to make it feel / look more like Pd, but I think they are interested as well as they would like to have more flexibility in there to support other use cases. He also linked me to somebody's repo who did exactly what I mention above for SuperCollider : https://github.com/jonnor/sndflo
I'm going to start experimenting with this as soon as I have a bit of time (next week should be good), and I'll come back to you if interested :)
On Sun, Jan 25, 2015 at 5:23 PM, Jonathan Wilkes jancsika@yahoo.com wrote:
Hi Sébastien,
Is there a small example of something like subpatching using that framework? Most of the docs I've read on NoFlo seem to treat the concept as an afterthought. There seems to be an emphasis on organizing large diagrams along the lines of train maps, which I think is the wrong metaphor.
-Jonathan
On Sunday, January 25, 2015 5:01 AM, s p sebpiq@gmail.com wrote:
Hi Jonathan!
(pinging Martin Roth who is currently messing around with Pd and web audio as well)
Yes I am pretty sure it does implement subpatches.
As for copy/paste that's another problem. I have never seen something such as copy/pasting graphical objects from one html page to another ... but nothing's impossible!!!
Something I am more concerned about is the ability to create controls (buttons, number boxes, ...). I think it wasn't really designed for this purpose.
On the other hand, even if the whole UI ends up not being a good match, several of it's components (for example auto layout, and so on) have been released as separate open-source packages so a possibility would be to build on top of those.
In the next few weeks, I'll be finalizing WebPd refactor to Web Audio, and then if you want we can keep in touch and in sync to test this noflo UI in a pd context!
On Thu, Jan 22, 2015 at 4:52 AM, Jonathan Wilkes jancsika@yahoo.com wrote:
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes.
It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick < chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
--
*Sébastien Piquemal*
-----* @sebpiq* ----- http://github.com/sebpiq ----- http://funktion.fm
Is there a demo of the user experience for displaying and navigating subpatches in Noflo? -Jonathan
On Monday, February 2, 2015 12:25 PM, s p <sebpiq@gmail.com> wrote:
Hi! Sorry for the slow answer. I've asked Forrest who is the developer for NoFlo-ui, and he answered that there is indeed subpatch support for noflo-ui. He suggests that if we are interested we should use directly noflo-ui, because it already runs the-graph which is just the raw graph library, and supports a simple protocol to add/remove/connect and so on nodes. He says there would be a bit of work to make it feel / look more like Pd, but I think they are interested as well as they would like to have more flexibility in there to support other use cases. He also linked me to somebody's repo who did exactly what I mention above for SuperCollider : https://github.com/jonnor/sndflo
I'm going to start experimenting with this as soon as I have a bit of time (next week should be good), and I'll come back to you if interested :)
On Sun, Jan 25, 2015 at 5:23 PM, Jonathan Wilkes jancsika@yahoo.com wrote:
Hi Sébastien, Is there a small example of something like subpatching using that framework? Most of the docs I've read on NoFlo seem to treat the concept as an afterthought. There seems to be an emphasis on organizing large diagrams along the lines of train maps, which I think is the wrong metaphor. -Jonathan
On Sunday, January 25, 2015 5:01 AM, s p <sebpiq@gmail.com> wrote:
Hi Jonathan!
(pinging Martin Roth who is currently messing around with Pd and web audio as well)
Yes I am pretty sure it does implement subpatches.
As for copy/paste that's another problem. I have never seen something such as copy/pasting graphical objects from one html page to another ... but nothing's impossible!!!
Something I am more concerned about is the ability to create controls (buttons, number boxes, ...). I think it wasn't really designed for this purpose.
On the other hand, even if the whole UI ends up not being a good match, several of it's components (for example auto layout, and so on) have been released as separate open-source packages so a possibility would be to build on top of those.
In the next few weeks, I'll be finalizing WebPd refactor to Web Audio, and then if you want we can keep in touch and in sync to test this noflo UI in a pd context!
On Thu, Jan 22, 2015 at 4:52 AM, Jonathan Wilkes jancsika@yahoo.com wrote:
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes. It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick <chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Answer from Forrest :
"Our examples pull from gists, and can't do subgraphs yet. Here is what it looks like though: http://i.imgur.com/wQqvhlD.gifv"
On Mon, Feb 2, 2015 at 7:01 PM, Jonathan Wilkes jancsika@yahoo.com wrote:
Is there a demo of the user experience for displaying and navigating subpatches in Noflo?
-Jonathan
On Monday, February 2, 2015 12:25 PM, s p sebpiq@gmail.com wrote:
Hi! Sorry for the slow answer. I've asked Forrest who is the developer for NoFlo-ui, and he answered that there is indeed subpatch support for noflo-ui. He suggests that if we are interested we should use directly noflo-ui, because it already runs the-graph which is just the raw graph library, and supports a simple protocol to add/remove/connect and so on nodes. He says there would be a bit of work to make it feel / look more like Pd, but I think they are interested as well as they would like to have more flexibility in there to support other use cases. He also linked me to somebody's repo who did exactly what I mention above for SuperCollider : https://github.com/jonnor/sndflo
I'm going to start experimenting with this as soon as I have a bit of time (next week should be good), and I'll come back to you if interested :)
On Sun, Jan 25, 2015 at 5:23 PM, Jonathan Wilkes jancsika@yahoo.com wrote:
Hi Sébastien,
Is there a small example of something like subpatching using that framework? Most of the docs I've read on NoFlo seem to treat the concept as an afterthought. There seems to be an emphasis on organizing large diagrams along the lines of train maps, which I think is the wrong metaphor.
-Jonathan
On Sunday, January 25, 2015 5:01 AM, s p sebpiq@gmail.com wrote:
Hi Jonathan!
(pinging Martin Roth who is currently messing around with Pd and web audio as well)
Yes I am pretty sure it does implement subpatches.
As for copy/paste that's another problem. I have never seen something such as copy/pasting graphical objects from one html page to another ... but nothing's impossible!!!
Something I am more concerned about is the ability to create controls (buttons, number boxes, ...). I think it wasn't really designed for this purpose.
On the other hand, even if the whole UI ends up not being a good match, several of it's components (for example auto layout, and so on) have been released as separate open-source packages so a possibility would be to build on top of those.
In the next few weeks, I'll be finalizing WebPd refactor to Web Audio, and then if you want we can keep in touch and in sync to test this noflo UI in a pd context!
On Thu, Jan 22, 2015 at 4:52 AM, Jonathan Wilkes jancsika@yahoo.com wrote:
One question I have about the noflo UI is whether it supports the concept of subpatching. I want to define a box's function by zooming into it and filling it with more boxes.
It's not a difficult UI to imagine. But to even have parity with Pd's scattered toplevel windows there would additionally need to be a way to quickly navigate from one branch to any other in the tree, and to pair distant branches in order to copy/paste content. (For example, think of putting a patch window next to a subpatch window you got from opening three nested abstractions deep into a help-document. If you're copying an object chain from that subpatch, you don't want those three parent patches in your view.)
Atm I'm just punting by using the multi-window UI that tcl/tk has. But if there's a way to work the idea of navigating subpatches into that framework, that'd be great.
-Jonathan
On Wednesday, January 21, 2015 10:07 PM, Chris McCormick < chris@mccormick.cx> wrote:
On 22/01/15 02:44, s p wrote:
I was actually planning to use this : https://github.com/the-grid/the-graph which is a generic data flow UI library for the web. It is so well done, works great on touch interface, so I thought why the heck reinventing the wheel.
http://the-grid.github.io/the-graph/the-graph-editor/index.html
Wow! Beautiful.
This user interface plugged into a layer that can plug into libpd and/or WebPd would be magical.
https://www.youtube.com/watch?v=vAUOPHqx5Gs
Cheers,
Chris.
Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> http://lists.puredata.info/listinfo/pd-list
--
*Sébastien Piquemal*
-----* @sebpiq* ----- http://github.com/sebpiq ----- http://funktion.fm
--
*Sébastien Piquemal*
-----* @sebpiq* ----- http://github.com/sebpiq ----- http://funktion.fm
-
Alessio Degani -
Chris McCormick -
Joe White -
Jonathan Wilkes -
katja -
s p