I am looking to push the limits with BabylonJS without stepping into WebGL content at a lower level.
The requirements are:
- many selectable, addable, removable, unique nodes (colour, shape, size, icon).
- links between nodes unique (directed L, directed R, undirected, colour)
- optional text labels for each node, unique text content.
The application will easily see 50k + nodes and about the same transactions, and Ideally a usable FPS should be achieved.
I’ve been fiddling around for the past few days with instances, thin instances, SPS, etc. and have landed on what I feel is close to suitable for my needs functionally (not currently performance wise).
I couldn’t go with instances or thin instances because they didn’t handle uniqueness well.
I picked SPS as it now handles multimaterial, enabling nodes to have different colours and icons.
I tested the functionality of removal, and selection of nodes - which seems to work okay for my scenario.
What my question to you Jedi’s out there, is how can I better this model?
I am new to rendering frameworks - especially BabylonJS - So I know I have probably done some questionable stuff to get it rendering.
How can I add one single node to a SPS model
I’ve got a very small concept playground which shows my current way of doing things:
Here is also a 64k node cube which renders at about 11fps without labels.
- Can I add a lightweight version of the labels so that the example #47 can run with a much larger node count?
I appreciate your responses, and excuse myself for any dumb code within the playgrounds smiley: