TOP  >  javascript , WebDesign  >  Three.jsでここまでできる!実験的なサンプル20選「20 Exceptional Three.js Experiments」
2016年09月10日

Three.jsでここまでできる!実験的なサンプル20選「20 Exceptional Three.js Experiments」

WEBGLをjavasuriptで制御するためのライブラリThree.js。ブラウザで3D表現などを行う際には国内でも有名なライブラリですが、今日紹介するのはThree.jsを利用した実験的なサンプルを集めたエントリー「20 Exceptional Three.js Experiments」です。

Many-Icons
Many Icons in 3D Using Three.js

全部で20個の実験的なサンプルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Water Shader Implement in Three.js
大海原を表現するための動画テクスチャを円形に出力しています。ダイナミックでその質感に驚かされるプロジェクト

water-surface
 
 
 
 
 
Three.js + TweenMax (Experiment)
平面の一部が回転して、立体的に見せているプロジェクト。物理的な法則が加わった動きがリアルです。

Flipping-floor
 
 
 
 
 
3D Particles Forming Shapes
オブジェクトが広がって、特定の形に集約。また広がって形を変えていくというもの

Forming-shapes
 

全てのプロジェクトがソースが開示されており、確認しながら動作などを学ぶことが可能です。

上記の他にも沢山の実験的なサンプルがまとめられていましたので、気になる方は是非原文もご覧ください。

20 Exceptional Three.js Experiments | NOUPE

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 12:01  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る