Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Two tabs. One for GUI controls, and other for rendering. #3179

Open
patricio1979 opened this issue Jul 2, 2024 · 4 comments
Open

Two tabs. One for GUI controls, and other for rendering. #3179

patricio1979 opened this issue Jul 2, 2024 · 4 comments

Comments

@patricio1979
Copy link

Increasing Access

This will allow having a nice rendering allowing for realTime modifications

Feature request details

Perhaps a two tab system with OSC communication between them (opening the same project in two tabs?)

The possibility of making this with a local server could be great. Having two canvases or something like that.

Copy link

welcome bot commented Jul 2, 2024

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

@raclim
Copy link
Collaborator

raclim commented Jul 3, 2024

Thanks for raising this! Do you have a more detailed idea of what this might look like, or examples on other platforms?

@patricio1979
Copy link
Author

Hello,

Perhaps like MaxMSP.
In there you can have as many windows as you like, and they communicate each other with 'send' and 'receive' objects. I'm guessing OSC connection may be possible.
The goal of this is having real time processing of visual data while rendering images for viewers. Also I'm thinking of working with MIDI (as in WebMidi.js), and could be ported to my cellphone with OSC.

@patricio1979
Copy link
Author

Ok, so I came with a solution. Perhaps it could be implemented in another version.

I found a broadcastChannel function that sends messages or almost anything to another child tab.
https://editor.p5js.org/patricioTics/sketches/NRBuOT6xH

I also found another implementation in the Coding Train's Showcase but it is too advanced for me.
https://github.com/jnafolayan/sandfall/blob/main/js/containers.js

Which is best? If it is the second one, I'll need some sort of tutorial please.

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants