WebGL 総本山
WebGL総合取扱い - webgl.souhonzan.org -
https://webgl.souhonzan.org
2024-03-19T14:58:41+09:00
-
text/html
2024-03-19T12:16:31+09:00
doxas
丁寧に作られた 3D モデルと心地よい触り心地のインタラクションが織りなす空気感がお見事! Panasonic World
https://webgl.souhonzan.org/entry?v=2648
ほどよくデフォルメされた 3D 表現
今回ご紹介するのは、Panasonic の特設サイトです。
たぶん、サイト内に書かれていることやドメインを拝見した感じでは、採用サイトの一部というか、採用につなげるために作られた特設サイトという感じなのかもしれません。
フォトリアル系というよりは、ほどよくデフォルメされたような感じの質感になっていてとても空気感がいいビジュアルに仕上がっています。
リンク:
Panasonic World - パナソニック
-
text/html
2024-03-18T12:32:03+09:00
doxas
ドットの集合で文字や矩形を表現したインタラクションがおもしろい Vercel Ship のウェブサイト
https://webgl.souhonzan.org/entry?v=2647
白と黒のシンプルな世界
今回ご紹介するのは、ウェブの開発者であればおそらくその名前は日常的に見聞きしているであろう、Vercel のスペシャルサイトです。
どうやらカンファレンスイベントのために作られたスペシャルサイトみたいなのですが、WebGL を使ってなんともクールに表現が行われています。
全体的なグラフィックスに関するデザインのテーマとしてドット模様みたいなものがあるようで、雰囲気満点に装飾されています。
リンク:
Vercel Ship
-
text/html
2024-03-15T12:31:36+09:00
doxas
質感美しい WebGL 実装に加え個性的なギミックや演出もおもしろい SavoirFaire のウェブサイト
https://webgl.souhonzan.org/entry?v=2646
まさにクリエイティブなウェブサイト
今回ご紹介するのは、ニューヨークを拠点とするクリエイティブスタジオ、SavoirFaire のウェブサイトです。
非常に個性的なデザインやインタラクションを取り入れたウェブサイトとなっていて、一風変わった雰囲気に仕上がっています。
WebGL の実装は、なんというか特段唯一無二といった感じのものではないのですが、この個性豊かなウェブサイトに見事にマッチする実装が使われています。
リンク:
SavoirFaire©. Holistic creative studio based in NYC.
-
text/html
2024-03-14T12:17:41+09:00
doxas
インタラクティブ性にこだわった演出をたっぷり詰め込んだ Chris Kalafatis さんのポートフォリオサイト
https://webgl.souhonzan.org/entry?v=2645
動く要素が多く見ごたえ十分
今回ご紹介するのは、デザイナーとして活躍されている Chris Kalafatis さんのポートフォリオサイトです。
WebGL を利用したものも含め、かなり多くの要素がいろいろな形で動いたり、ユーザーの操作に反応したりするようになっておりとても賑やかな印象のウェブサイトとなっています。
アニメーションする要素は多いのですが、そのモーションの味付けは結構スピード感もあってサクサクと閲覧することができます。
リンク:
Chris Kalafatis - Multi-Disciplinary Designer
-
text/html
2024-03-13T12:16:46+09:00
doxas
本が作られ読まれるまでのストーリーをタロットカードと組み合わせて表現した The Seqret Book
https://webgl.souhonzan.org/entry?v=2644
これをなんと表現したらいいのかわからない
今回ご紹介するのは The Seqret Book というウェブサイトです。
こちらのサイト、説明を読む限りは本をテーマにしたウェブサイトのようで、本が作られてから読まれるまでの様々な出来事を1つの作品としてウェブ上に表現したもののようです。
現在も、オフラインでの取り組みも含めてアップデートが続いている結構大きなプロジェクトらしく、今回のサイトはそのプロジェクトの一部でしかないみたいなのですが……
どこか絵本を読んでいるような感じでもありますし、幻想的な雰囲気のゲームをしているような感じもありますし、なんだかとても不思議なウェブサイトとなっています。
リンク:
The Seqret Book
-
text/html
2024-03-12T13:51:06+09:00
doxas
まるでちょっとしたゲーム作品のような凝りまくった WebGL 実装が迫力満点な Oakley の Project 2075
https://webgl.souhonzan.org/entry?v=2643
だいぶお金掛かってそう
今回ご紹介するのは、アメリカでサングラスやアパレルなどを扱う Oakley のスペシャルサイトです。
Project 2075 と銘打たれたこのサイト、なにかのゲーム作品かと思ってしまうような、かなり作り込まれたウェブサイトとなっています。
操作方法もまんまゲームみたいな感じですし、すごく尖ったおもしろい WebGL 事例と言えそうです。
リンク:
Oakley Project 2075 | Oakley®
-
text/html
2024-03-11T12:34:01+09:00
doxas
本物志向の質感でリアリティのある世界を描く! 壁紙などを扱う Schumacher の 3D Experience
https://webgl.souhonzan.org/entry?v=2642
描画負荷はやや高め
今回ご紹介するのは、アメリカでインテリアとしての壁紙などを扱っている Schumacher のウェブサイトです。
インテリアを扱っているメーカーの WebGL 事例ということもあり、その質感に対するこだわりには非常に高いものを感じます。
やや描画負荷は高いのですが、本物っぽい表現にこだわった WebGL 実装を見ることができます。
リンク:
Schumacher 3D Experience
-
text/html
2024-03-08T13:52:41+09:00
doxas
WebGL を活用した多彩な表現でアーティスティックな雰囲気を演出! Talking Walls のウェブサイト
https://webgl.souhonzan.org/entry?v=2641
技術力で表現する感性の世界
今回ご紹介するのは、アートギャラリー Talking Walls のウェブサイトです。
アートに関連したウェブサイトらしく、すごく味わい深い演出が多く登場します。いずれも丁寧に実装されていて、手触り感も素晴らしいものばかりです。
感性や感覚など抽象的なものを包含することが多いアートという文脈を、WebGL という技術によって見事に表現しています。
リンク:
Talking Walls | Art Gallery, Pictures for Home
-
text/html
2024-03-07T12:57:56+09:00
doxas
シーン遷移エフェクトも迫力満点なクリエイティブデベロッパー Toby さんのポートフォリオサイト
https://webgl.souhonzan.org/entry?v=2640
幻想的な世界観を見事に表現
今回ご紹介するのは、ウェブのフロントエンドでクリエイティブ・デベロッパーとして活動している、Toby さんのポートフォリオです。
夜の空を舞台としたなんとも言えない幻想的な世界観のウェブサイトとなっていて、シーン遷移エフェクトもすごく凝っています。
3D と 2D をいずれも上手に活用していて、なかなか変わったポートフォリオサイトですね。
リンク:
Toby - Creative Developer's Portfolio
-
text/html
2024-03-06T12:39:01+09:00
doxas
あえてモノクロで絵作りするクラシカルな WebGL 製 3D シーンがかっこいい Beyond Aero のウェブサイト
https://webgl.souhonzan.org/entry?v=2639
こういうのでいいんだよ感
今回ご紹介するのは、Beyond Aero という航空機を研究開発している企業のウェブサイトです。
どうやら、車で言うところの電気自動車のような、電気や水素などを用いた次世代の航空機を開発するというミッションを掲げた企業みたいで、すごく先鋭的なプロジェクトを行っているようです。
今回のサイトではモノクロのシックなトーンがなんともかっこいいです。
リンク:
The future of Aviation - Beyond Aero