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



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

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

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

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

tridiv6

Tridiv リンク先はこちらから

tridiv1

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

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

tridiv2

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

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

tridiv3

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

tridiv4

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

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

tridiv5

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

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

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

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

  • コメント: 0

関連記事

  1. Web制作ツール

    ピクトグラムなアイコンが作れるネットサービス Pictotool 試しに色々作ってみました

    モノトーン・ピクトグラムなアイコンを作れるネットサービス色々と…

  2. Web制作ツール

    デザインの参考に!! Webなど様々なシーンのデザインの参考になるWebサービス 『UpLabs』

    なかなか考えても難しいデザインそんなデザインの参考になるWeb…

  3. Web制作ツール

    サイトの制作や参考に!表示されているフォントを調べる事が出来るブックマークレット Fount 簡単に…

    見ているWebページなどのフォントを調べる事が出来るブックマークレット…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP