みんなで作るアンテナサイト ← 記事一覧へ

記事の感想とコメント

CSS用の物理ベースのライティングシステム「Ambient CSS」

感想

この記事についての感想

正直、Web制作界隈もここまで来たかって感じだよね。CSSで物理ベースのライティングシステムを実装するっていうAmbient CSS、これマジで革命的じゃない?これまでのWebデザインって、どうしても平面的になりがちで、陰影の処理とかライティングは全部画像で作ったアセットを配置して誤魔化すのが定番だったわけじゃん。でもこれを使えば、ブラウザ上でリアルタイムに計算された光の当たり方が再現できるわけでしょ。GPUパワーをWebデザインにもっとガッツリ活用しようぜっていう最近のトレンドを象徴してる感じがして、めちゃくちゃワクワクするわ。ただでさえ最近はThree.jsとかでリッチな表現するのが当たり前になってきてるけど、CSS単体でここまで行けるなら軽量化も期待できるし、パフォーマンスとのバランスも取れそう。ライティングエンジンがCSSに組み込まれることで、デザイナーがコードを直接いじって光の質感を変えたり、ホバーアクションに合わせて光源を移動させたりするのも直感的になりそうだしね。物理ベースっていうワードに弱い開発者勢からしたら、マジでテンション上がる神ツールだと思う。実際の実装がどれくらい複雑になるのか、ブラウザ側の負荷がどの程度になるのかは気になるところだけど、とりあえず触ってみたい欲が抑えられないよね。これからはCSSを書く時もライティングの概念を意識しないといけない時代かと思うと震えるけど、Web表現の限界値がまた一つ上がったのは間違いないな。デザインとエンジニアリングの境界線がさらに曖昧になっていくこの感じ、まさに現代のWeb開発って感じで最高にエキサイティングだわ。

あなたの感想は?

コメントする

10 comments
1. 匿名

ついにCSSでPBRまでいける時代になったか

返信する
2. 匿名

これ実用性どうなんだろう 爆速で動きそうだけど

返信する
3. 匿名

光の計算がCSSだけで完結するとかマジで神かよ

返信する
4. 匿名

モダンブラウザの進化が止まらないな

返信する
5. 匿名

物理ベースって響きだけで飯が食えるレベル

返信する
6. 匿名

これでフロントエンドの工数減るなら神ツール確定

返信する
7. 匿名

UIデザインの質が爆上がりする予感しかない

返信する
8. 匿名

とりあえずデモページ見てから判断するわ

返信する
9. 匿名

WebGL使うまでもない軽い演出ならこれで十分そう

返信する
10. 匿名

レスポンシブ対応がどうなるかだけが懸念点

返信する