基本的 WebGl / Javascript 配置

Question

在 OSX 10.9.5 (Mavericks) 上处理来自http://threejs.org/docs/index.html#Manual/Introduction/Creating_a_scene 的WebGL 教程脚本，我将第一个教程中的代码复制并粘贴到 TextEdit 中并将其保存为HTML：

网页链接
|
+--index.html
|
+-- js/three.min.js

为什么当我将 index.html 加载到浏览器中时，我看不到 WebGl 呈现的立方体的预期结果，而是看到 HMTL 代码就像在我的文本编辑器中一样呈现？ 谢谢你。

Answer 1

如果你想做three.js开发，你应该运行一个简单的Web服务器。 这非常简单，只需一点时间即可完成设置。

视窗步骤：

1. 从这里安装 node.js
2. 打开 Node.js 命令提示符。
3. 输入npm install -g http-server

在 OSX/Linux 上

1. 从这里安装 node.js
2. 打开终端/外壳。
3. 键入sudo npm install -g http-server

现在 cd 到您的文件所在的文件夹并键入http-server 。 例子

cd "myproject"
http-server

现在在您的浏览器中转到http://localhost:8080或http://localhost:8080/nameoffile.html

否则你的问题很可能是你到three.min.js的路径是错误的？ 如果你的设置是这样的

myproject
|
+--index.html
|
+--js
   |
   +--three.min.js

然后在你的index.html你的脚本标签应该是这样的

<script src="js/three.min.js"></script>

Answer 2

我正在使用文本编辑器。 文字编辑。

TextEdit 是一个所见即所得的文字处理器，而不是一个文本编辑器。 它有一个不幸的名字。

当您键入此内容时：

并像这样保存：

你会得到这个（一个 HTML 文档，旨在显示你输入的内容，而不是将你输入的内容视为 HTML 源代码）：

您需要使用真正的文本编辑器，例如：

• 崇高的文字
• 括号
• 维姆
• 科莫多 编辑