How to create a basic colored sphere or plane ?

[agGitHub]

Hi,

Anybody could tell me what is the code to draw a basic colored sphere with a radius of X and a color Color.RED in Sceneform Maintained? Same question for a plane with dimensions WxL.

Thanks.

[ThomasGorisse]

Hi,

I would personalty go for creating it with Blender since I'm not a big fan of the ShapeFactory but if you want to do it programmaticly, it's done here:
https://github.com/SimonMarquis/AR-Toolbox/blob/master/app/src/main/java/fr/smarquis/ar_toolbox/Nodes.kt

One thing I'd like to mention here is that I think there is a misunderstood concerning the glb source usage.
Our mind tell us to do simple shapes programmaticly instead of using glTF because we have in mind that, if we want to draw a simple circle, we should use canvas or other programmatic things instead of images.

BUT a glTF file is basically a Json file with vectors datas, not an image containing every potentially useless pixel datas

The scaling is just like for vector image files.

So, in my personal opinion, complexifying your code with Submesh and TriangleIndices might not be the best choice compared to only have a sphere.glb in your res or assets. Even more since it's not much more consuming.

Here is the ShapeFactory.makeSpere(float radius, Vector3 center, Material material) source:

sceneform-android/core/src/main/java/com/google/ar/sceneform/rendering/ShapeFactory.java

Lines 145 to 237 in ecaa67a

	public static ModelRenderable makeSphere(float radius, Vector3 center, Material material) {
	AndroidPreconditions.checkMinAndroidApiLevel();
	final int stacks = 24;
	final int slices = 24;
	// Create Vertices.
	ArrayList<Vertex> vertices = new ArrayList<>((slices + 1) * stacks + 2);
	float pi = (float) Math.PI;
	float doublePi = pi * 2.0f;
	for (int stack = 0; stack <= stacks; stack++) {
	float phi = pi * (float) stack / stacks;
	float sinPhi = (float) Math.sin(phi);
	float cosPhi = (float) Math.cos(phi);
	for (int slice = 0; slice <= slices; slice++) {
	float theta = doublePi * (float) (slice == slices ? 0 : slice) / slices;
	float sinTheta = (float) Math.sin(theta);
	float cosTheta = (float) Math.cos(theta);
	Vector3 position = new Vector3(sinPhi * cosTheta, cosPhi, sinPhi * sinTheta).scaled(radius);
	Vector3 normal = position.normalized();
	position = Vector3.add(position, center);
	Vertex.UvCoordinate uvCoordinate =
	new Vertex.UvCoordinate(
	1.0f - ((float) slice / slices), 1.0f - ((float) stack / stacks));
	Vertex vertex =
	Vertex.builder()
	.setPosition(position)
	.setNormal(normal)
	.setUvCoordinate(uvCoordinate)
	.build();
	vertices.add(vertex);
	}
	}
	// Create triangles.
	int numFaces = vertices.size();
	int numTriangles = numFaces * 2;
	int numIndices = numTriangles * 3;
	ArrayList<Integer> triangleIndices = new ArrayList<>(numIndices);
	int v = 0;
	for (int stack = 0; stack < stacks; stack++) {
	for (int slice = 0; slice < slices; slice++) {
	// Skip triangles at the caps that would have an area of zero.
	boolean topCap = stack == 0;
	boolean bottomCap = stack == stacks - 1;
	int next = slice + 1;
	if (!topCap) {
	triangleIndices.add(v + slice);
	triangleIndices.add(v + next);
	triangleIndices.add(v + slice + slices + 1);
	}
	if (!bottomCap) {
	triangleIndices.add(v + next);
	triangleIndices.add(v + next + slices + 1);
	triangleIndices.add(v + slice + slices + 1);
	}
	}
	v += slices + 1;
	}
	Submesh submesh =
	Submesh.builder().setTriangleIndices(triangleIndices).setMaterial(material).build();
	RenderableDefinition renderableDefinition =
	RenderableDefinition.builder()
	.setVertices(vertices)
	.setSubmeshes(Arrays.asList(submesh))
	.build();
	CompletableFuture<ModelRenderable> future =
	ModelRenderable.builder().setSource(renderableDefinition).build();
	@Nullable ModelRenderable result;
	try {
	result = future.get();
	} catch (ExecutionException | InterruptedException ex) {
	throw new AssertionError("Error creating renderable.", ex);
	}
	if (result == null) {
	throw new AssertionError("Error creating renderable.");
	}
	return result;
	}

And the one from a sphere.gltf

{
    "asset" : {
        "generator" : "Khronos glTF Blender I/O v1.6.16",
        "version" : "2.0"
    },
    "scene" : 0,
    "scenes" : [
        {
            "name" : "Scene",
            "nodes" : [
                0
            ]
        }
    ],
    "nodes" : [
        {
            "mesh" : 0,
            "name" : "Sphere"
        }
    ],
    "meshes" : [
        {
            "name" : "Sphere",
            "primitives" : [
                {
                    "attributes" : {
                        "POSITION" : 0
                    },
                    "indices" : 1
                }
            ]
        }
    ],
    "accessors" : [
        {
            "bufferView" : 0,
            "componentType" : 5126,
            "count" : 242,
            "max" : [
                1,
                1,
                1.0000001192092896
            ],
            "min" : [
                -0.9999999403953552,
                -1,
                -1
            ],
            "type" : "VEC3"
        },
        {
            "bufferView" : 1,
            "componentType" : 5123,
            "count" : 1440,
            "type" : "SCALAR"
        }
    ],
    "bufferViews" : [
        {
            "buffer" : 0,
            "byteLength" : 2904,
            "byteOffset" : 0
        },
        {
            "buffer" : 0,
            "byteLength" : 2880,
            "byteOffset" : 2904
        }
    ],
    "buffers" : [
        {
            "byteLength" : 5784,
            "uri" : "data:application/octet-stream;base64,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KuaYvb4Uez/QkDi+DvYVvl6DbD/0BLW+tbVZvjHbVD9QZgO/youKvvMENT9zPSe/temivto5Dj9Kp0S/4AS1vhXvwz53glq/PivAvsTFRz7492e/Au/Dvi69O7Nfg2y/PivAvsLFR77492e/4AS1vhTvw753glq/temivtk5Dr9Kp0S/youKvvMENb9zPSe/tbVZvjLbVL9QZgO/DPYVvl6DbL/0BLW+KuaYvb8Ue7/QkDi+HOxjNF6DbD8U78O+DvahNDHbVD/XOQ6/AgABABAAAgAQABEACgAJABgACgAYABkAAwACABEAAwARABIACwAKABkACwAZABoABAADABIABAASABMADAALABoADAAaABsABQAEABMABQATABQAAACkAA0AhQAMABsABgAFABQABgAUABUA8AAAAA0A8AANAA4ABwAGABUABwAVABYA8QDwAA4A8QAOAA8ACAAHABYACAAWABcAAQDxAA8AAQAPABAACQAIABcACQAXABgAEAAPAB4AEAAeAB8AGAAXACYAGAAmACcAEQAQAB8AEQAfACAAGQAYACcAGQAnACgAEgARACAAEgAgACEAGgAZACgAGgAoACkAEwASACEAEwAhACIAGwAaACkAGwApACoAFAATACIAFAAiACMADQCkABwAhQAbACoAFQAUACMAFQAjACQADgANABwADgAcAB0AFgAVACQAFgAkACUADwAOAB0ADwAdAB4AFwAWACUAFwAlACYAIwAiADEAIwAxADIAHACkACsAhQAqADkAJAAjADIAJAAyADMAHQAcACsAHQArACwAJQAkADMAJQAzADQAHgAdACwAHgAsAC0AJgAlADQAJgA0ADUAHwAeAC0AHwAtAC4AJwAmADUAJwA1ADYAIAAfAC4AIAAuAC8AKAAnADYAKAA2ADcAIQAgAC8AIQAvADAAKQAoADcAKQA3ADgAIgAhADAAIgAwADEAKgApADgAKgA4ADkANgA1AEQANgBEAEUALwAuAD0ALwA9AD4ANwA2AEUANwBFAEYAMAAvAD4AMAA+AD8AOAA3AEYAOABGAEcAMQAwAD8AMQA/AEAAOQA4AEcAOQBHAEgAMgAxAEAAMgBAAEEAKwCkADoAhQA5AEgAMwAyAEEAMwBBAEIALAArADoALAA6ADsANAAzAEIANABCAEMALQAsADsALQA7ADwANQA0AEMANQBDAEQALgAtADwALgA8AD0AOgCkAEkAhQBIAFcAQgBBAFAAQgBQAFEAOwA6AEkAOwBJAEoAQwBCAFEAQwBRAFIAPAA7AEoAPABKAEsARABDAFIARABSAFMAPQA8AEsAPQBLAEwARQBEAFMARQBTAFQAPgA9AEwAPgBMAE0ARgBFAFQARgBUAFUAPwA+AE0APwBNAE4ARwBGAFUARwBVAFYAQAA/AE4AQABOAE8ASABHAFYASABWAFcAQQBAAE8AQQBPAFAATQBMAFsATQBbAFwAVQBUAGMAVQBjAGQATgBNAFwATgBcAF0AVgBVAGQAVgBkAGUATwBOAF0ATwBdAF4AVwBWAGUAVwBlAGYAUABPAF4AUABeAF8ASQCkAFgAhQBXAGYAUQBQAF8AUQBfAGAASgBJAFgASgBYAFkAUgBRAGAAUgBgAGEASwBKAFkASwBZAFoAUwBSAGEAUwBhAGIATABLAFoATABaAFsAVABTAGIAVABiAGMAYABfAG4AYABuAG8AWQBYAGcAWQBnAGgAYQBgAG8AYQBvAHAAWgBZAGgAWgBoAGkAYgBhAHAAYgBwAHEAWwBaAGkAWwBpAGoAYwBiAHEAYwBxAHIAXABbAGoAXABqAGsAZABjAHIAZAByAHMAXQBcAGsAXQBrAGwAZQBkAHMAZQBzAHQAXgBdAGwAXgBsAG0AZgBlAHQAZgB0AHUAXwBeAG0AXwBtAG4AWACkAGcAhQBmAHUAcwByAIEAcwCBAIIAbABrAHoAbAB6AHsAdABzAIIAdACCAIMAbQBsAHsAbQB7AHwAdQB0AIMAdQCDAIQAbgBtAHwAbgB8AH0AZwCkAHYAhQB1AIQAbwBuAH0AbwB9AH4AaABnAHYAaAB2AHcAcABvAH4AcAB+AH8AaQBoAHcAaQB3AHgAcQBwAH8AcQB/AIAAagBpAHgAagB4AHkAcgBxAIAAcgCAAIEAawBqAHkAawB5AHoAfwB+AI4AfwCOAI8AeAB3AIcAeACHAIgAgAB/AI8AgACPAJAAeQB4AIgAeQCIAIkAgQCAAJAAgQCQAJEAegB5AIkAegCJAIoAggCBAJEAggCRAJIAewB6AIoAewCKAIsAgwCCAJIAgwCSAJMAfAB7AIsAfACLAIwAhACDAJMAhACTAJQAfQB8AIwAfQCMAI0AdgCkAIYAhQCEAJQAfgB9AI0AfgCNAI4AdwB2AIYAdwCGAIcAkwCSAKEAkwChAKIAjACLAJoAjACaAJsAlACTAKIAlACiAKMAjQCMAJsAjQCbAJwAhgCkAJUAhQCUAKMAjgCNAJwAjgCcAJ0AhwCGAJUAhwCVAJYAjwCOAJ0AjwCdAJ4AiACHAJYAiACWAJcAkACPAJ4AkACeAJ8AiQCIAJcAiQCXAJgAkQCQAJ8AkQCfAKAAigCJAJgAigCYAJkAkgCRAKAAkgCgAKEAiwCKAJkAiwCZAJoAlwCWAKYAlwCmAKcAnwCeAK4AnwCuAK8AmACXAKcAmACnAKgAoACfAK8AoACvALAAmQCYAKgAmQCoAKkAoQCgALAAoQCwALEAmgCZAKkAmgCpAKoAogChALEAogCxALIAmwCaAKoAmwCqAKsAowCiALIAowCyALMAnACbAKsAnACrAKwAlQCkAKUAhQCjALMAnQCcAKwAnQCsAK0AlgCVAKUAlgClAKYAngCdAK0AngCtAK4AqwCqALkAqwC5ALoAswCyAMEAswDBAMIArACrALoArAC6ALsApQCkALQAhQCzAMIArQCsALsArQC7ALwApgClALQApgC0ALUArgCtALwArgC8AL0ApwCmALUApwC1ALYArwCuAL0ArwC9AL4AqACnALYAqAC2ALcAsACvAL4AsAC+AL8AqQCoALcAqQC3ALgAsQCwAL8AsQC/AMAAqgCpALgAqgC4ALkAsgCxAMAAsgDAAMEAvgC9AMwAvgDMAM0AtwC2AMUAtwDFAMYAvwC+AM0AvwDNAM4AuAC3AMYAuADGAMcAwAC/AM4AwADOAM8AuQC4AMcAuQDHAMgAwQDAAM8AwQDPANAAugC5AMgAugDIAMkAwgDBANAAwgDQANEAuwC6AMkAuwDJAMoAtACkAMMAhQDCANEAvAC7AMoAvADKAMsAtQC0AMMAtQDDAMQAvQC8AMsAvQDLAMwAtgC1AMQAtgDEAMUA0QDQAN8A0QDfAOAAygDJANgAygDYANkAwwCkANIAhQDRAOAAywDKANkAywDZANoAxADDANIAxADSANMAzADLANoAzADaANsAxQDEANMAxQDTANQAzQDMANsAzQDbANwAxgDFANQAxgDUANUAzgDNANwAzgDcAN0AxwDGANUAxwDVANYAzwDOAN0AzwDdAN4AyADHANYAyADWANcA0ADPAN4A0ADeAN8AyQDIANcAyQDXANgA1QDUAOMA1QDjAOQA3QDcAOsA3QDrAOwA1gDVAOQA1gDkAOUA3gDdAOwA3gDsAO0A1wDWAOUA1wDlAOYA3wDeAO0A3wDtAO4A2ADXAOYA2ADmAOcA4ADfAO4A4ADuAO8A2QDYAOcA2QDnAOgA0gCkAOEAhQDgAO8A2gDZAOgA2gDoAOkA0wDSAOEA0wDhAOIA2wDaAOkA2wDpAOoA1ADTAOIA1ADiAOMA3ADbAOoA3ADqAOsA6ADnAAQA6AAEAAUA4QCkAAAAhQDvAAwA6QDoAAUA6QAFAAYA4gDhAAAA4gAAAPAA6gDpAAYA6gAGAAcA4wDiAPAA4wDwAPEA6wDqAAcA6wAHAAgA5ADjAPEA5ADxAAEA7ADrAAgA7AAIAAkA5QDkAAEA5QABAAIA7QDsAAkA7QAJAAoA5gDlAAIA5gACAAMA7gDtAAoA7gAKAAsA5wDmAAMA5wADAAQA7wDuAAsA7wALAAwA"
        }
    ]
}