安装或设置

WebGL 是一种浏览器技术，因此除了拥有浏览器之外没有太多设置。你可以开始使用 JSFiddle 或 Codepen 或 JSBIn 上的 WebGL 或任何其他允许你在线编辑 HTML，CSS 和 JavaScript 的网站，尽管会有一些限制（见下文）。你还可以在 github 页面或类似服务上托管开源文件。

另一方面，在某些时候你可能会在当地工作。为此，建议你运行一个简单的 Web 服务器。有很多可供选择，使用简单，只需很少的设置。

使用 node.js 作为服务器

1. 安装 node.js
2. 打开终端或节点命令提示符并键入 npm install -g http-server（在 OSX 上将 sudo 放在前面。
3. 键入 http-server 开始提供当前文件夹中的文件或 http-server path-to-folder 到服务器不同的文件夹
4. 将浏览器指向 http://localhost:8080/name-of-file 以查看 WebGL 网页

使用 devd 作为服务器

1. 下载 devd
2. 打开终端并使用 devd . 运行 devd 到当前文件夹或 devd path-to-folder 中的服务器文件以提供不同的文件夹
3. 将浏览器指向 http://localhost:8000/name-of-file 以查看你的 WebGL 网页

使用 Servez 作为服务器

1. 下载 Servez
2. 安装它，运行它
3. 选择要投放的文件夹
4. 选择开始
5. 转到 http://localhost:8080 或选择启动浏览器

使用“ Web Server for Chrome ”Chrome 扩展程序

1. 从 Chrome 安装 Web 服务器

2. 从新标签页上的 “ 应用” 图标启动它。

   https://i.stack.imgur.com/3fHLG.gif

3. 设置文件所在的文件夹，然后单击 http://127.0.0.1:8787 链接

   

WebGL 在线服务的局限性

在 WebGL 中，加载图像非常常见。在 WebGL 中，对图像的使用方式存在限制。特别是未经托管图像的服务器的许可，WebGL 不能使用来自其他域的图像。目前授予使用图像权限的服务包括 imgur 和 flickr。请参阅加载跨域图像。否则，你需要将图像放在与 webgl 页面相同的服务器上，或使用其他创意解决方案，例如使用 canvas 标签生成图像