octant | Ocean C-grid model setup | Map library

You can do:

A good rule for many circumstances is to subdivide a box if the number of triangles in it is more than twice its depth in the tree. This ensures that:

1. The total space consumed by the tree is at most proportional to the number of trianges;
2. The total time spent traversing down the tree is at most proportional to the number of triangles you'll have to directly process in the target leaf; and
3. You can still go deep when necessary to decompose a tight cluster.

Place the triangle in a square numpy array.
Reflect that in the diagonal.
Place the result in a bigger numpy array.
Reflect that horizontally then vertically.

i have another solution. modify model by hand like cut plane, hide, isolate element to retrieve view you want to show. Then use method var data = viewer.getState() and store that data to your database. then use viewer.restoreState(data) to recall your view.

I think the solution is to set transparency via the alpha parameter of the base color, NOT the alpha you see directly on the shader node. See the 'A' at the bottom of this base color picker:

Also ensure the blend mode is "Alpha Blend". Then, in A-Frame, add a material component to your model's entity with transparent: true.

Working demo on glitch: https://aframe-transparent-material.glitch.me/

(see notes below for another demo without the weird color issues)

I've also included the .blend file in the Glitch assets for you to peek at.

NOTES

• For the model you shared, transparency blending is not perfect --- some colors seem to be blending with others but then different colors are not blending. This is because Three.js renders transparent objects from the back to the front, but when many planes intersect like that, there is no clear front to back ordering. A workaround to this is to split your planes into 4 smaller planes (and adjust their origins) so that there is no intersection and a clear depth order. Here is a modified version of the Glitch demo with that implemented, as you can see the transparency works perfectly now.

• As far as I know Blender gLTF export only understands the Principled BSDF shader node, so your mix / transparent node setup would not work

• I noticed that when using the broader "alpha" setting on the principled shader, exported to .glb, and then re-imported into Blender, it converted it into mix / transparent nodes. So this could explain why the regular "alpha" parameter is not being recognized by the gLTF importer in Three.js

I think you might be looking for the add_trace function in plotly so you can just create the surfaces and then add them to the figure:

Also, note, there's definitely ways to simplify this code, but for a general idea:

One needs to add that information in instead, like this