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

    簡単!! CSSでグラデーションを作りたい時に便利なWebサービス 『Blend』

    CSSでグラデーションを作るときに便利なWebサービス画面上で…

  3. Web制作ツール

    配色に困ったら!! 画面を見ながら配色を試せるWebサービス 『Pandacolors』

    サンプルの画面をプレビューしながら配色を色々と試せるWebサー…

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP