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

    プレビューしながらWeb画面配色・カラーを選択できるWebサービス 『Speculo』

    サンプルのWebページをプレビューしながらWeb画面の配色を設…

  2. Web制作ツール

    画像をアップロードするだけでファビコンを作成してくれるWebサービス 『All The FavIco…

    画像をアップロードするだけで各種サイズのファビコンを作成可能なWebサ…

コメント

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

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

最近の記事

PAGE TOP