Web制作ツール

ブラウザ上で作った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だけで色々な表現をしたい方にも

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

関連記事

  1. Web制作ツール

    Webで使えるボタンをCSSで作成出力できるWebサービス 『2.5d BUTTON』

    Web上で使えそうなボタンをHTML・CSSで出力してくれるW…

  2. Web制作ツール

    ホームページサイトの表示時間のスピード改善 速度アップに役に立つサイトwebwait

    最近この「PCあれこれ探索」のブログやこどもマップBlogこど…

  3. Web制作ツール

    こりゃ便利!! Webページのサムネイル生成やページ丸ごとPDFに出来る「HeartRails Ca…

    Webページのサムネイルの生成や、ページ丸ごとPDFに出来るWebサー…

  4. Web制作ツール

    デザインの配色に困った時に役立つネットサービス Kuler 様々な色の組み合わせがあり、色の見本帳

    サイトの配色デザイン・その他色々な配色を決める際に 様々な色の組み合…

コメント

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

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

PAGE TOP