Add billboard capability

[kingjin94]

Add sprite drawing as a way to add billboards (2D text annotations that always face the camera). Allows to write text unto the scene.

An example:

Send json:

{
    u"metadata": {
        u"version": 4.5,
        u"type": u"_billboard",
    },
    u"geometries": [],
    u"materials": [],
    u"object": {
        u"uuid": <some_uuid>,
        u"type": u"_billboard",
        u"text": "test444"
        u"base_width": 75,
        u"size": 16,
        u"global_scale": 0.01,
        u"matrix": np.eye(4).flatten().tolist(),
        u"text_color": "white",
        u"background_color": "blue",
    }
}

[jwnimmer-tri]

I think we can already do this, without any new javascript. Here's a sample message:

        viewer.handle_command({
            type: "set_object",
            path: "/meshcat/sprite",
            object: {
                metadata: {
                    version: 4.5,
                    type: "Object"
                },
                textures: [
                    {
                        uuid: "0c8c99a8-bba8-11ee-b7a2-4b79088b524d",
                        type: "_text",
                        text: "Hello, world!",
                        font_size: 300,
                        font_face: "sans-serif"
                    }
                ],
                materials: [
                    {
                        uuid: "6fe7011b-bba7-11ee-b7a2-4b79088b524d",
                        type: "SpriteMaterial",
                        transparent: true,
                        map: "0c8c99a8-bba8-11ee-b7a2-4b79088b524d"
                    }
                ],
                object: {
                    uuid: "6fe7011c-bba7-11ee-b7a2-4b79088b524d",
                    type: "Sprite",
                    material: "6fe7011b-bba7-11ee-b7a2-4b79088b524d"
                }
            }
        });

The test file https://github.com/meshcat-dev/meshcat/blob/master/test/texture_text.html is along the same lines, but with the text on a shape (plane) instead of a sprite.

[jwnimmer-tri]

In #173, I have a demo that shows this feature might already be available. If you have a chance, please let us know if there's still something missing.

[jwnimmer-tri]

For now, I'll assume that #173 was sufficient. If not, please let us know -- e.g., open a new pull request with more details.

[soulslicer]

@jwnimmer-tri Your example works, but can you please tell me how to change the text color or add a background around it

[jwnimmer-tri]

I don't have any information about that. Take the demo and play around with it, and/or consult the three.js documentation about sprites and materials.