yoppa.org


芸大 – Webデザイン演習 2012

第9回:HTML5実践3 – Three.jsで3Dプログラミング

ここ数回の授業では、Canvas属性で2次元の図形や文字の描画のみを扱ってきました。WebGLという技術を使うと、表現力の高い高速な3Dグラフィクスが生成、描画可能となります。ただし、WebGLをそのまま使うためには高度な知識が必要となるため、今回はThree.js というJavaScriptのライブラリを使用して、WebGLによる3Dプログラミングに挑戦します。

制作テンプレート

jsdo.itに今回のサンプルのための制作テンプレートを作成しました。以下のページでforkして使用してください。