安裝或設定

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 標籤生成影象