三维文本未显示在three.js中

我正在学习three.js，我已经成功地完成了立方体。现在我正在尝试制作3d文本。我从web上的一个示例中复制了代码，这是我发现的最简单的示例（示例为）。 我已经将示例中的所有文件复制到我的PC上：html、css和4个引用的.js文件，包括字体“janda_manatee_solid_regular.js”。然后，当我加载html时，不会显示3d文本（画布中不会呈现任何内容），但控制台中不会出现任何错误

我已经上传了html和其他内容（css和js）。此代码有什么问题？

在页面的html代码中（从您提供的链接），有：

<div id="canvas">
    <canvas width="800" height="600"></canvas>
    <canvas width="800" height="600"></canvas>
</div>

因此，在

canvas

div中已经有一个canvas元素，然后再添加一个相同大小的canvas元素

var SCREEN_WIDTH = 800, SCREEN_HEIGHT = 600;
...
renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);

结果，你有两张画布，而你看不到第二张（有漂亮的文本），因为它在你的屏幕底部。 解决方案是在源html中保持

canvas

div为空：

<div id="canvas"></div>

---

我看到应该显示的是灰色和绿色的“Hello World”。应该显示的是灰色和绿色的“Hello World”。你确定你已经看过链接了吗？因为我在加载页面时没有看到任何文本。在Chrome和FF中，我都看到一个灰色和绿色的“Hello World”

var SCREEN_WIDTH = 800, SCREEN_HEIGHT = 600;
...
renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);

<div id="canvas"></div>