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

    高機能なCSSでグラデーションが作れるWebサービス 『Grad3』

    CSSでグラデーションが作成できるWebサービス細かく設定が可…

  2. Web制作ツール

    ロゴ作成の参考になるかも 簡単にロゴが作成可能なWebサービス 『Squarespace logo』…

    ロゴが簡単に作成可能なWebサービス日本語も可能でシンプルに簡…

  3. Web制作ツール

    携帯のサイトを確認できる gooモバイル サイトビューワー

    ブログの携帯用画面やHPの携帯サイトの確認が出来るネットサービス…

  4. Web制作ツール

    自分のサイトが国外からどの様に見えるのか?をチェックできるWebサービス 『GeoScreensho…

    指定したサイトが国外からどの様に見えるかをチェックできるWeb…

  5. Web制作ツール

    Web制作に便利!!ボタンやタイトルロゴが作れるネットサービス 日本語にも対応しています CoolT…

    Web制作に便利なタイトルロゴを作ったり、ボタンを作ったり出来るネット…

  6. Web制作ツール

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

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

コメント

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

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

最近の記事

PAGE TOP