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
Subtasks:
• Script
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
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:
Make a way for debugging texture outputs in the graph
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.
Try publishing this graph for an example: http://create.vizor.io/fthr/webpage_2/edit
Refactor the structure and style for the menu bar (logo, file, play, user, and help buttons).
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
Like Photoshop, Ableton Live, etc.
Highlight a group of nodes and make a subgraph out of them.
Allow "cables" to be selected with the mouse.
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)
for float it returns null
Reproduce:
no errors in the console.
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.
Allow these things to be activated in the URL itself.
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
Allow filtering the file dialog contents with a search input
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
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.
This would be a useful feature to have to more easily make graphs more aligned, and more beautiful.
“Load More”-style
To reproduce:
Screenshots attached.
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.
Signup isn't visible in Firefox
Just like proxies/registers/subgraphs. Since they are kind of special case. I'd use this color: #ffc6ee ...
Show mine, show all, newest first, oldest first
Editable in the node, instead of opening the modal
Two functions:
• marquee-select connections
• shift-marquee to add to selection
See this graph for replication: http://create.vizor.io/fthr/mousebutton/edit
Clicking mouse should give true bools.
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.