技術的には、WebGLでの開発に必要なものは「Webブラウザだけ」です。 Web上でコーディングを行うためのサイト(jsfiddle.net、jsbin.com 、codepen.ioなど) を利用すれば、このサイトのサンプルプログラムを試してみることができます。 上で紹介したサイトであればどれであっても、 <script src="..."></script>といったコードを書けば 外部スクリプトを参照することができます。 ただ、この方法には制限があります。 WebGLは、Canvas2Dと比較して画像のロードに関してセキュリティ上の強い制限があるため、 「Web上の画像を読み込むようなプログラム」は簡単に動かすことはできません。 また、単純に「全ての作業をローカルでやる方が手っ取り早い」です。 ということで、あなたがこのサイトのサンプルを描いたり実行したりといった作業を、 上記の方法で

##講師紹介 講師：杉本　雅広さん wgld.org という WebGL 開発支援サイトの管理人 WebGL の普及と発展のために日夜活動中 ##授業の流れ 1.WebGLとは何か？、利用状況、将来性 2.WebGLのメリット・デメリット 3.開発環境構築など ##1. WebGLとは何か？ ・GPU(Graphics Processing Unit)へ直接アクセスすることができるブラウザに組み込まれたAPI ・ブラウザ側の実装（ブラウザに組み込まれている）によるものなので、ブラウザによって性能や機能に差が生じる ####WebGLはOpenGLというネイティブで動作するグラフィックスAPIをブラウザから呼び出すためのパイプ役のような存在 ・javascriptからOpenGLへ直接アクセスすることはできないがWebGLが間に入ることでOpenGLを間接的に呼び出すことができる ・Open

このサイトは、WebGLのライブラリ「Three.js」の入門サイトです。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGLだけで3D表現をするためには、立方体1つ表示するだけでも多くのJavaScriptやGLSLコードを書く必要があり専門知識も必要です。Three.jsを使えばJavaScriptの知識だけで簡単に3Dコンテンツが作成できるため、手軽に扱えるようになります。 もともと2000年代後半のFlashの時代から、ウェブの3D

Unityエディタ拡張で NPC の移動ルートを Gizmos を使って可視化し、 シーンビューで編集可能にする