How do you set opacity of an AFrame entity using jQuery?

Question

I am trying to control the opacity of a text entity on the canvas. So I need to know how to do it using jQuery. Here is what I am trying to do:

$("#textEntity").attr("material","opacity: 0;");

Which is not working. Please help.

Thank you.

What text component are you using? If it's bmfont-text, then you need to use its opacity property, not the material's. — ngokevin, Jan 14 '17 at 21:45
There's an opacity property. https://github.com/bryik/aframe-bmfont-text-component#properties — ngokevin, Jan 16 '17 at 01:40

score 0 · Accepted Answer · answered Jan 15 '17 at 08:30

0

The opacity property of a text entity (bmfont-text) needs to be included in the "bmfont-text" attribute itself. Example :

textElem.setAttribute("bmfont-text","text: sampleText; color: #000; opacity: 1.0;");

answered Jan 15 '17 at 08:30

Arjun Mahishi

1 Answers1