基本WebGl/Javascript配置

在OSX 10.9.5（Mavericks）上使用WebGL教程脚本，我从中复制并将第一个教程中的代码粘贴到TextEdit中，并将其保存为HTML：

webgl
|
+--index.html
|
+--js/three.min.js

---

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

如果你想开发three.js，你应该运行一个简单的web服务器。这非常简单，只需片刻即可安装

Windows操作步骤：

安装node.js

打开Node.js命令提示符

键入npm安装-g http服务器

在OSX/Linux上

安装node.js

打开一个终端/外壳

键入

sudo npm安装-g http服务器

现在将cd刻录到文件文件夹中，然后键入

http服务器

。范例

cd "myproject"
http-server

现在在浏览器中转到

http://localhost:8080

或

http://localhost:8080/nameoffile.html

否则，您的问题可能是您通往

three的路径。min.js

是否错误？如果您的设置是这样的

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

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

然后在

index.html

中，脚本标记应该如下所示

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

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

---

我用的是文本编辑器。文本编辑

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

键入以下内容时：

然后像这样保存它：

您将看到以下内容（一个HTML文档，旨在显示您键入的内容，而不是将您键入的内容视为HTML源代码）：

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

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

---

three.js开发不需要web服务器。它可以脱机工作（除了某些浏览器的纹理）。您应该使用Web服务器，因为您很可能需要图像，并且无法从文件中读取图像：除非关闭浏览器中的安全性，这是您可能做的最愚蠢的事。当然，您是对的（尽管纹理在Windows IE和FF上以默认设置脱机工作）。但这里的问题是html本身没有在浏览器中呈现，询问者只能看到html源代码。我认为这不是服务器问题。也许他真的将他的文件命名为HMTL，而不是打字错误。@gman Bkgd:我有一台OSX计算机，命名为index.html，在js dir中放置了三个.min.js，并且有Insta提供的准确的教程脚本。@gman Bkgd:lled node.js pkg v4.1.1。然后检查，$PATH-在那里一切正常。在提交“KPR$sudo npm安装-g http server sudo:Canable to stat/etc/sudoers:Permission denied sudo:no valid sudoers sources found，quitting”后收到此错误。非常感谢任何帮助和见解。我已经研究了“sudo”和“sudoers”文件，正在尝试在适当的位置创建有效的sudoers文件。推测：您正在WYSIWYG编辑器中编写HTML，该编辑器正在保存一个HTML文档，该文档旨在显示您正在键入的源代码。如果是，请使用文本编辑器，而不是WYSIWYG编辑器。我使用的是文本编辑器。TextEdit。我最终对nodejs进行了排序r在笔记本电脑和台式机上安装并启动，但仍能看到HTML而不是呈现的WebGL多维数据集。完全被难住了。TextEdit，不管它的名称如何，是一个所见即所得的文字处理器，而不是一个文本编辑器。你可以分辨出来，因为它有一个工具栏，上面有很多按钮，如粗体和右对齐，可以修改所见内容的外观，而不只是插入tags.That's有趣的原因是，在获得一个工作配置=nodejs安装和sudo权限修复后，在我的笔记本电脑（OSX 10.9.5 Mavericks）上使用文本编辑HMTL文件进行编辑，它正在工作并对文本编辑进行活动响应。但是，在我的桌面（OSX 10.10.5 Yosemite）上，使用完全相同的配置（服务器正在运行，但我没有运行与不需要的相同的权限修复程序），在加载index.html文件时，我还没有看到webGl多维数据集。