Three.js 今回はThree.jsを触ってみます。 three.js - Javascript 3D library ブラウザで3DのCGを動かすといえばWebGLですが、OpenGLやDirectXのような細かい処理を書くのは結構大変です。それを手軽扱いやすくしたJavaScriptのライブラリのひとつがThree.jsです。 最低限、ブラウザとテキストエディタだけあれば3Dのプログラムが書けてしまいます。 (もちろんbracketsなどのhtmlエディタを使った方が書きやすいです。) 3Dプログラムがどのように動いているか、基礎部分の勉強にもなると思います。 Three.jsの読み込み まず、HTML5のhtmlファイルを用意し、Three.jsを読み込ませます。 ダウンロードしてくるのも有りですが、CDNから読み込むと楽です。 headに <script src="https:
![Three.jsでWebGLのコンテンツを作成してみる(1) - chirotec’s blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/d43e829ab5d601c95805d3c6f5cfcc4f369bacb6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fc%2Fchirotec%2F20181215%2F20181215140728.png)