Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: 3DModeling

[CSS] Tridiv – ブラウザ上で動作する3D CSSエディター

  • Pocket
  • このエントリーをはてなブックマークに追加

ブラウザ上で動作する3D CSSエディター。3D CGのモデリングツールではあるんだけど、以前紹介したTinkercadとは違い出力先がCSSという点が個性的なエディター。動作するのはSafariとChromeだけなので、Webkit系のブラウザを対象としたツールという位置づけ。この2つカバーできるならほとんどのスマホに対応できますね。サイト内にはサンプルが用意されているので、まずはそれらを開くのがオススメ。出力先がCSSであるため、簡単な面と線で構成されたシンプルな3D CGモデルです。もちろんいちから作る事もでき、作ったものはHTML + CSSのソースコード一式としてリアルタイムに出力されます。またiframeを使ったembedもできるみたい。特別なプラグイン類が必要ない点もナイスです。その筋の人から見ればツールとしては低機能すぎるのかもしれませんが、ブラウザ内でこんな事までできるんだなーとしみじみと感心しました。

[Web Application] Tinkercad – ブラウザベースの3Dモデリングツール

  • Pocket
  • このエントリーをはてなブックマークに追加

これはスゴい。ブラウザベースの3Dモデリングツールで、WebGLベースで動作します。そのためSafariでは動作不可。FirefoxやChromeなどでお試しください。とりあえずサクっと始めるために「Start Editor」ボタンをクリックしましょう。するとプリセットされたオブジェクトがすでにある状態で編集可能な画面になります。オブジェクトをクリックするとハンドルが出るので、移動やシェイプの編集ができます。右クリックドラッグで視点の移動ができ、画面右側にあるパレット内のプリセットオブジェクトをステージにドラッグすれば、新規オブジェクトの追加ができます。楽しくてしばらく触ってましたが、ブラウザベースでこんな事できるようになったんですね。いやこれめっちゃ楽しい。作ったモデリングデータは3Dプリント用に書き出す事ができるそうです。最近3Dプリント代行してくれる業者も出てきてるので、こういう需要多そう。いやースゴいっすこれ。