CSS3DRenderer support - Githubissues

aframevr / aframe

:a: Web framework for building virtual reality experiences.

https://aframe.io/

MIT License

16.61k stars 3.94k forks source link

CSS3DRenderer support #4712

Closed KostaMalsev closed 3 years ago

KostaMalsev commented 3 years ago

Hi, Unfortunately found out that the THREE CSS3DRenderer is not supported in aframe 1.0.4 (see ref: https://stackoverflow.com/a/51187136). We would like to get the most of the flexibility of CSS with 3D objects in aframe. (Canvas elements options are very limited) Please add CSS3D support. Thank you, Kosta

A-Frame Version: 1.0.4
Platform / Device: Safari,Chrome, Firefox
Reproducible Code Snippet or URL: (ref: https://subscription.packtpub.com/book/web_development/9781783981182/1/ch01lvl1sec12/getting-started-with-the-css-3d-renderer)

dmarcos commented 3 years ago

Unfortunately the CSS3DRenderer won't work in VR mode that is the focus of the project.

KostaMalsev commented 3 years ago

I tried to add a CSS3D object into a scene (with no VR mode) and it failed. It tried to load an old version of three.js.

dmarcos commented 3 years ago

Switching renderers is not a trivial task. Most components assume a WebGL backend: shaders, materials, geometries... It would require gutting most of A-Frame core. Having an alternative built-in renderer would also fragment the component community.

KostaMalsev commented 3 years ago

Thanks for the response. I'd be happy to be posted on possible workarounds.

dmarcos commented 3 years ago

Incorporating a CSS3DRenderer is not something we're considering at the moment since it won't work in VR mode and that's the A-Frame focus. Thanks for the suggestion.