ブラウザ上で作った3DモデルがCSSで書き出せるWebサービス!? 『Tridiv』

ブラウザ上で作った3DモデルをHTMLとCSSで書き出せるWebサービス

通常は画像などで表現される3Dモデルですが

HTMLとCSSだけで表示することが出来ます

下の画像も画像では無く、HTMLとCSSで再現されています

Tridiv リンク先はこちらから

モデリング画面は非常に簡単によく出来ていると思います

ちょっと使っているとサクサクと作ることが出来ますよ

色などを付けて配置していきます

これだけでもなかなか楽しいですね

出来たら「Editor」から「Preview」に切り替えてみます

画面横にHTMLとCSSが表示されています

この表示されている3Dモデルのソースが表示されます

オンライン上で編集可能なCODEPENで表示も可能で

実際に色々と触るとちゃんとHTMLとCSSで表現されていました

画像を使わずにCSSだけで色々な表現をしたい方にも

非常に勉強、使えるツールかもしれません