STERFIELD

webGLの3Dをつかったサイトやデモサイト

webGLの3Dをつかったサイトやデモサイト

以前WebGLの動作環境についてご紹介いたしましたが(こちら)、

こちらで、WebGLはグラフィックボードによってはブラウザが最新でも使うことができないという風にご紹介しておりました。

しかしながら、最近のChromeでは、グラフィックボードが古くても、ブラウザ側で環境を再現(エミュレーション)することができるので、WebGLのサイトを見ることができることがわかりました。

 

少しうれしくなったので、WebGLを使ったサイトや、デモを集め些細とを探してみましたので、少しご紹介いたします。

 

CUBE SLAM
CUBE SLAM

動物のそれぞれの動きがすごいです。

 

 

WebGL DEMO

mozilla Demo Studio WEB GL

WebGLのデモ集です。いろんなタイプのWebGLのサンプルを見ることができます。

 

 

three.js

Examples created by Yomotsu useing THREE.js

three.jsという、WebGLを使いやすくするライブラリを使ったデモ集です。

いきなりコアなWebGLを扱うのは敷居が高い感じがしますが、こういったライブラリを使ってはじめるのもいいと思いました。

 

Author Profile

著者近影

NINOMIYA

Webデザイナー兼コーダー出身のフロントエンド開発者です。 UXデザインやチーム開発の効率化など、勉強中です。

SHARE

合わせて読みたい