How to draw matter.js objects using "WebGLRenderer" from three.js?

Question

I know that matter.js is a 2D implementation, and three.js focuses on 3D. However, I need these technologies to go together in the specific case. I also found out that it is possible to include a target renderer for matter.js (https://github.com/liabru/matter-js/wiki/Rendering). I wonder how to involve "WebGLRenderer()" from three.js. I prefer any answers with the pieces of the code.

Answer 1

为此创建自定义渲染器。有关可能的选项，请参阅此Matter.js three.js example。另请参阅维基中的Using a custom renderer。