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

調べたい文字をなぞるだけで、WikipediaやAmazonで検索、共有ができるChrome拡張機能 『Instair』前のページ

無線LANの状況を一覧にして表示してくれるフリーソフト 『WifiMonitor』次のページ

関連記事

  1. Web制作ツール

    画像から6色の配色パレットを作成、イメージから配色できるWebサービス 『Image Color F…

    アップロード画像から6色の配色パレットを作成、画像から配色イメ…

  2. Web制作ツール

    シンプルにWebサイトの表示速度を計測してくれるPingdom サイトの表示速度改善に役に立ちます

    Webサイト・ブログなどの表示速度は結構重要な要素となってきつつありま…

  3. Web制作ツール

    15分で作れるビジネスWebサイト!? 無料で作成出来るネットサービス 独自ドメインも1年無料!? …

    15分という短い時間で企業・ビジネスのWebサイトが作成出来るネットサ…

コメント

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

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

最近の記事

PAGE TOP