'How can I use CSS3DRenderer in a-frame?

I am trying to reproduce this example in a-frame:

https://threejs.org/examples/?q=you#css3d_youtube

According to the code is using CSS3DRenderer but I couldn't find how to use it with a-frame. This is my try

AFRAME.registerComponent('embed-html', {
     schema: {
        targetUrl: {type: 'string', default: 'https://www.google.com/'}
     },
     init: function () {

        renderer = new THREE.CSS3DRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        this.el.sceneEl.appendChild( renderer.domElement );

     },

  });

But my scene is stuck after that.

aframe


Solution 1:[1]

There are better options for styling in a-frame, but here is a CSS-Simulated solution. However I personally didn't use this and write my own custom object

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Mehdi Saghari

Related Questions