javascript - Three.js:将 HTML 页面/DOM 元素渲染到立方体的表面?

标签 javascript webgl three.js

我正在尝试调整随 Three.js 包提供的示例文件 canvas_geometry_cube.html,并更改立方体的每个面以显示 HTML 页面/DOM 元素(最好是 DOM 元素)。我看了一下 ParticleDOMMaterial,但我不知道如何使用它或它有什么作用。有人可以帮忙吗?

最佳答案

根据 Three.js 中最近的一些改进更新这个老问题并为 future 的读者

Three.js 现在实际上支持 CSS3D 作为渲染输出,因此您可以使用 CSS 3D 转换来操作 HTML 页面/DOM 元素。

有关示例,请参见此处:http://mrdoob.github.io/three.js/examples/css3d_periodictable.html

关于javascript - Three.js:将 HTML 页面/DOM 元素渲染到立方体的表面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12336598/

相关文章:

javascript - 如何使用 dojo 对 Json 中的不同值进行计数或求和

javascript - 是否可以在 ammo.js 中禁用 x 和 z 旋转?

javascript - HTML5 : Encode 8 bit grayscale JPEG from canvas

javascript - Three.js中如何使用相机作为纹理图像

three.js - 三个js用dat gui改变球体半径?

javascript - WebGL 中的 texImage2D 需要多少数据?

javascript - 使用 browserify 后保留原始 typescript 源 map

javascript - 无法为nodeJS进程创建火焰图

Javascript:如何检查元素是否可见?

three.js - 为什么我的淡入黑色着色器没有完全变为黑色?