ブラウザ上で作った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制作ツール

    Web制作する方へ 参考になるサイトばかりを集めたWebサービス 『イケてるWebデザインリンク集』…

    おしゃれでデザインにこだわっているサイトばかりを集めたリンク集…

  2. Web制作ツール

    広告も無しなレンタルサーバーが無料!? MySQLや独自ドメインも可能なサービス 『TSoft Se…

    無料でレンタルサーバーが利用できるというサービスを発見したのでご紹介…

  3. Web制作ツール

    自分のサイトがスマホでどの様に見えるか確認できるWebサービス Test Mobile View

    自分のサイトなどの入力したURLがスマホでどの様に見えるかを確認できる…

  4. Web制作ツール

    サイトがレスポンシブデザインに対応かを調べる事が出来るWebサービス 『Am I Responsiv…

    様々なデバイス、画面解像度からのアクセスに自分のサイトが正常に…

  5. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

コメント

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

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

PAGE TOP