将DOM元素渲染到webGL



我想渲染DOM元素(否则我使用React)到(例如)一个平面在3D (WebGL ->Three.js→三种纤维?到目前为止,我认为这是最好的方法?))环境。所以基本上我要包含我的整个应用比如像传统的那样渲染成& root"元素。除了我想注入一个层,利用Three Fiber来渲染和所有我可能想要我的网站(甚至只是一个特定的组件)包含在这个平面上。允许一个人在后台(可能在index.js或中间文件中)正常地制作一个反应站点,而不是被渲染为"平面"。我可以倚着屏幕"倾斜"。整个网站,给它不透明,也许有多个网页都可以洗牌,像骰子的一面,等等。如果有人有任何建议,我正在努力解决这个问题。我担心我可能会变得有点低级(我并不完全反对),但希望有一些支持这种性质的东西。到目前为止,我甚至尝试了简单的元素,如图像元素在一个材料(元素-通过三个纤维)或网格元素(材料将去)内,但无济于事。我刚刚开始弄脏我的手,但谷歌并没有为这个项目提供我很多,所以我转向了好的老堆栈溢出我的第一个个人请求!🤯😲👹!

提前感谢您的时间和考虑-干杯。约翰Thummel

这可以使用drei/Html。一些印象:

https://twitter.com/0xca0a/status/1398633764931178498

https://twitter.com/0xca0a/status/1407758860203573251

最新更新