three.js properties for occlusion in a-frame

Question

I found this interesting info about object occlusion using mesh.renderorder and material.colorwrite.

three.js transparent object occlusion

I couldn't find a way to set these directly with a-frame or the inspector. Is there a way?

Yes, I know how to set them directly with javascript. Doing this declaratively would be appreciated.

score 1 · Answer 1 · answered Oct 28 '20 at 14:34

1

other than colorWrite, it MUST need renderOrder for the hidden object and the hider object.

three.js transparent object occlusion

answered Oct 28 '20 at 14:34

Fred

11
1

score 0 · Accepted Answer · answered Jul 11 '17 at 02:37

There is no declarative way built into A-Frame: the only properties provided by the material component are documented here, and do not include colorWrite.

Since you already know how to set them declaratively with JavaScript (per the answer in the linked question), you could certainly write an A-Frame component creating a declarative syntax for what you want to do, and reuse that as needed.

three.js properties for occlusion in a-frame

2 Answers2