javascript - Globejs with R，如何添加图像作为 Canvas 背景

Question

我确实在 R 中使用 Globejs 构建了一个地球仪，并且正在寻找将图像设置为 Canvas 背景的选项。 我认为在R中直接使用bg是不可能的。我试图通过 body 背景设置图像并将 Canvas 设置为透明。它总是被黑色 Canvas 覆盖。 谁能告诉我在哪里可以将图像功能设置为 Canvas 背景或在哪里设置 Canvas 透明度以便 HTML 正文图像可见。 我确实在网上找到了可能的解决方案，但我不知道应该在哪里添加功能或设置透明度。 这是地球仪。 https://graphproject.000webhostapp.com/Aitia/Globe/m.html 和文件 https://graphproject.000webhostapp.com/?dir=./Aitia/Globe/m_files/

一个侧面的问题。设置地球的动画旋转很难吗？我应该将具有给定文件结构的代码放在哪里？

谢谢。

Answer 1

在三个 JS 集中:

var renderer = new THREE.WebGLRenderer( { alpha: true } );
    renderer.setClearColor( 0x000000, 0 ); // the default

这使得 Canvas 在没有背景的情况下动画。

对于旋转，最原始的方法是设置渲染/动画函数的转换:

function render() {

                if ( mesh ) {
                    mesh.rotation.x += 0.01; /// or mesh.rotateX(0.01)

                }

                renderer.render( scene, camera );
            }