基本的WebGl / Javascript配置

Question

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

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

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

Answer 1

如果你想进行three.js开发，你应该运行一个简单的Web服务器。它非常简单，只需片刻即可完成设置。

Windows步骤：

  

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

在OSX / Linux上

  

  
1. 安装node.js from here
  
2. 打开终端/ shell。
  
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是一个WYSIWYG文字处理器，而不是文本编辑器。它有一个不幸的名字。

键入时：

并保存如下：

你得到这个（一个HTML文档，用于显示你输入的内容，而不是处理你输入的HTML源代码）：

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

• Sublime Text
• 支架
• 的Vim
• Komodo Edit