WebGLはWebという冠はついているものの、HTMLやJavaScriptとは全く異なる言語となっています。そのため、素のWebGLを扱うのはとても面倒であり、ラッピングしたライブラリを使うことが多いようです。その中で最も有名なのはThree.jsでしょう。 Three.jsを使えばWebGLコンテンツを扱いやすくなるものの、調整する度にWebブラウザをリロードして確認という作業は面倒です。そこでChrome DevTools上でThree.jsコンテンツが編集できるThree.js Editor Extension for Google Chromeを使ってみましょう。 Three.js Editor Extension for Google Chromeの使い方 Three.js Editor Extension for Google ChromeはChromeストアでは公開されてい