vizorvr / patches Goto Github PK
View Code? Open in Web Editor NEWPatches is a visual programming editor for building WebVR and WebGL experiences.
Home Page: http://patches.vizor.io
License: MIT License
Patches is a visual programming editor for building WebVR and WebGL experiences.
Home Page: http://patches.vizor.io
License: MIT License
These are the three most common plugins that are inserted into graphs, so they should have hotkeys for faster workflows.
Suggestions:
I for input proxy
O for output proxy
G for subgraph
Use case:
Hit G and the "Name new graph" dialog is opened. User puts in a name and the subgraph is created.
Hit I and a new input proxy with the default name (input-n) is created in the graph.
Hit O and a new output proxy with the default name is created in the graph.
“Load More”-style
See this graph for replication: http://create.vizor.io/fthr/mousebutton/edit
Clicking mouse should give true bools.
see example:
http://create.vizor.io/uucidl/draw_scaled_image/edit
In this sketch I have a texture fed into a graph that will render it to the framebuffer
After you load the sketch for the first time in your browser, and you press play, nothing is shown.
Press edit into the draw_image subgraph. You will see the texture resolution is read as 0x0
Now press stop and play again, the texture resolution is now 512x512 and the picture shows.
Uploads automatically and inserts (them into) the appropriate preset
for float it returns null
Allow these things to be activated in the URL itself.
Allow "cables" to be selected with the mouse.
Refactor the structure and style for the menu bar (logo, file, play, user, and help buttons).
Two functions:
• marquee-select connections
• shift-marquee to add to selection
Make an Array plugin with dynamic number of ANY datatype inputs, and an index input that changes the current output value of the plugin.
inputs: index, 0, 1, 2, 3, ...
outputs: output
Eg. feed in 8 images, and alternate between the images with index
Make a way for debugging texture outputs in the graph
Try publishing this graph for an example: http://create.vizor.io/fthr/webpage_2/edit
Highlight a group of nodes and make a subgraph out of them.
Show mine, show all, newest first, oldest first
Apparent on this graph:
http://create.vizor.io/fthr/twisty-gradient-robots-3/edit
Load that, press play, and you're supposed to see a bunch of robots. Instead you only see the backround cube. Navigate to "Root" of the graph, and the robots appear.
This graph uses loops, and is quite CPU/GPU heavy. On graphs that are less heavy the problem isn't present, for example: http://create.vizor.io/kschzt/robot-in-a-castle/edit
Most calls to XHR assume synchronous XHR is available, which causes load-time/initialization issues when it is not. Get rid of the ancient synchronous XHR calls.
Reproduce:
no errors in the console.
Editable in the node, instead of opening the modal
Build a number of test cases that can be executed quickly, as an intermediate step between unit tests and full-fledged browser integration tests.
npm test
Subtasks:
• Script
When working on some graphs or tools for a certain amount of time, it is useful to keep track of assumptions and missing features. One way to do that already is to simply create annotations.
Vizor could help us out further by harvesting these special TODO annotations so they are listed in a project management box.
A format I have seen used is the following:
TODO(<name of collaborator>) we don't do this necessary feature for now because <this / that but> let's not forget about it when <something> happen
Having the name of the person tagged in this way allows to group these TODOs according to their owner.
It's easy to extend this system to other kind of tags like NOTEs with another prefix.
It would also be quite useful for these to be harvested from shader code as well, so as not to treat them like second class citizen.
With this feature, vizor would immediately gain a small yet pragmatic way of dealing with project management.
Like Photoshop, Ableton Live, etc.
They used to be colored #c6ffc8 ... as noted in less.css:
.register {
background: #c6ffc8 !important;
}
For some reason this doesn't work at the moment.
Just like proxies/registers/subgraphs. Since they are kind of special case. I'd use this color: #ffc6ee ...
To reproduce:
Screenshots attached.
Signup isn't visible in Firefox
It obviously can be done by "or", "equal" and "less than" plugins but than, why there are "and", "or" and "not" plugins while they can be assembled from "nand"s ?
Missing logic plugins:
Allow filtering the file dialog contents with a search input
This would be a useful feature to have to more easily make graphs more aligned, and more beautiful.
Change the presets that use those plugins that use the viewport size (eg. Shadertoy preset) away from things like hardcoded viewport sizes (eg. Shadertoy preset)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.