javascript - 功能上的 A 帧显示画布

Question

我一直在 a-frame ( https://aframe.io ) 中创建一个场景，我的场景中有canvas一个 2d 平面。我目前在画布上播放了一个简单的动画，但我想将其交换为可交互的内容。如何在我的场景中添加一些东西，当我单击画布的 3d 平面时，我的画布会以 2d 形式出现在我的屏幕上。这意味着无论我走到哪里，无论我在场景中看到哪里，画布都应该粘在场景的底部。这是我当前的代码：https ://jsfiddle.net/AidanYoung/pboka9v7/10/

只是为了更多的解释。当我进入我的场景时。我的场景中应该只有一个 2d 画布，我可以四处走动，基本上只是一个带有画布的默认场景。当我单击画布时，应该会出现一个功能，使画布显示在我的场景中，就像在屏幕右下角的常规 2d 网站中一样。无论我在哪里看，画布都应该粘在我的屏幕上。这是 onclick 功能后的屏幕截图。

如果有人知道这个问题的答案，如果您能在下面发表评论，我将不胜感激。这是我当前代码的链接：https ://jsfiddle.net/AidanYoung/pboka9v7/10/

标签： javascripthtmlcsscanvasaframe