ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - 3Dの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2014/01/17

JSC3D - JavaScript/Canvasを使った3Dビューワー

3Dプリンタの発展もあって、立体物に対する注目が集まっています。しかし3Dオブジェクトは2D以上に描いたり作成したりするのが難しいです。そんな中紹介したいのがJSC3Dです。オブジェクトの作成は容易ではありませんが、Webブラウザ上で3Dオブジェクトを描画するすごいビューワーです。!一例です。女性のアバターを表示してい...

List

  • 2013/12/24

Unfolding the Box Model – 3Dを使ったCSS3テクニックのお手本にどうぞ!

CSS3の妙技満載!スタイルシートというとWeb上のテキスト装飾や配置を決定するものというイメージがありますがCSS3によってアニメーションや表示上のイフェクトをサポートするなどプログラミング並のことができるようになっています。そのためにはCSS3を駆使すれば何ができるのかを知らなければなりません。知った上でどこで活か...

List

  • 2013/10/17

マウスで回転。擬似的3Dを実現「ThreeSixty」

ThreeSixtyはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。Web上で3Dオブジェクトを描くにはWebGLを使うのが一般的ですが、技術的には敷居が高いように感じられます。そこで画像をつなぎ合わせて擬似的な3Dを実現させているのがThreeSixtyです。この中央にあるのがTh...

List

  • 2013/07/23

次世代の表現。Webページに2D/3Dを混在させる「Voodoo」

Voodooは非商用に限り無償のソフトウェア(ソースコードは公開されています)です。Webは基本2Dです。テキスト、画像、動画など2Dのオブジェクトを配置してページを作成します。3DはWebGLやFlashで表現できますが、3Dと2Dは別物と言った雰囲気があります。しかしそれらをミックスして表現できるのがVoodooで...

List

  • 2013/04/12

熱意に期待。将来Web上で初音ミクが踊る日がくるかも?「mmd.js」

mmd.jsはMikuMikuDanceのファイルをJavaScriptでWeb上に描画するライブラリです。初音ミクを踊らせることができるソフトウェア、MikuMikuDanceをWebブラウザ上で再現しようと試みるソフトウェアがmmd.jsです。まだまだ開発途上のようですが今後が楽しみです。現状はこんな感じです。理想...

List

  • 2012/11/10

CSS Shadersを知りたい人は触ってみよう「CSS Shaders with WebGL」

CSS Shaders with WebGLはWebGLを使ってCSS Shadersを実現するサンプル集です。CSS Shadersという技術があります。CSSによって要素を変形させるもので、プログラマブルシェーダーというプログラミングによって制御します。それによって何ができるのかその一例としてみておきたいのがCSS...

List

  • 2012/09/08

WebブラウザでFPSを実現するゲームエンジン「BananaBread」

BananaBreadはC++/OpenGLで作られたものをJavaScript/WebGLに置き換えたゲームエンジンです。Webブラウザでどんなことができるのか、それを追求していくMozilla。今回はBananaBreadを紹介します。C++とOpenGLで作られたゲームエンジンSauerbratenをJavaSc...

List

  • 2012/08/30

3Dプリンタ用にSTLファイルを出力するJavaScriptライブラリ「OpenJsCad」

OpenJsCadは3Dプリンタ用にSTLファイルを出力する3D描画JavaScriptライブラリです。去年くらいから3Dプリンターの注目が集まっています。削る、層を重ねるなど色々なタイプがありますが、そんな3Dオブジェクトを生成する際に使われるフォーマットがSTLファイルです。OpenJsCadはJavaScript...

41893?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fscreenshot-2012-08-14-17.34.52_thumb

  • 2012/08/25

Pixar社製。実際に使われている3Dレンダリング技術をオープンソース化「OpenSubdiv」

OpenSubdivはPixar社の開発したオープンソースのSubdivision surface技術実装です。リアルタイムに3Dオブジェクトのレンダリングができます。世界最高峰の3Dアニメーションを創り出す企業と言えばPixarです。現在はディズニー傘下となっているPixarがリリースしたソフトウェアがOpenSub...

41588?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2f3dsearch3_thumb

  • 2012/08/17

手書きも認識する3Dスケッチソフトウェア「SketchBoard」

SketchBoardは3Dオブジェクトを手軽に作成できるソフトウェアです。3Dというとワイヤーを使ったオブジェクトを並べてレンダリングして…と非常に高度な技術を用いるイメージがありますが、SketchBoardは違います。手書きからでも3Dオブジェクトを作ってしまう、そんな手軽なモデリングソフトウェアです。メイン画面...

40941?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-18-16.24.09_thumb

  • 2012/07/27

マウスで動く!CSSで描く3Dオブジェクト「Photon」

PhotonはCSS/JavaScriptを使って3Dオブジェクトを描くソフトウェアです。Web上で3Dオブジェクトを表現する試みは多数あります。最も有名なのはWebGLを使ったような高度なグラフィックスでしょうか。あのレベルまではいきませんが、シンプルな3DオブジェクトをCSSで表現するのがPhotonです。デモです...

List

  • 2012/06/12

実際遊べる&解法もついたHTML5ルービックキューブ「html5rubik」

html5rubikはHTML5を使って描かれた遊べるルービックキューブです。昔懐かしいおもちゃのルービックキューブ。高速で解き明かす人、コンピュータに解かせるなどまだまだ人気のあるおもちゃですが、HTML5を使ってWeb上で遊べるようにしたのがhtml5rubikです。HTML5で作られています。マウスで動かしてごち...

39176?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-28-13.55.16_thumb

  • 2012/06/06

レガシーなブラウザにも高度なグラフィックを。JavaScriptによるOpenGL実装「JSGL」

JSGLはJavaScriptによるOpenGL実装です。HTML5の新機能の一つにWebGLがあります。しかしまだまだ最近のWebブラウザでしか実装されていない機能になります。そこでWebGLに対応していないWebブラウザに対して3Dモデリングを行うライブラリがJSGLです。JavaScriptを使ってOpenGLを...

39014?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-22-14.03.30_thumb

  • 2012/06/01

試そう。Webブラウザ上で3Dモデリング「Shapesmith」

ShapesmithはWebブラウザ上で3Dオブジェクトのモデリングを行うソフトウェアです。テキストを書くサービスはたくさんあります。最近ではWeb上で画像編集を行えるサービスもあります。YouTubeなどは動画の編集にも対応しています。次にくるのはそう、3Dです。ShapesmithはWeb上で3Dモデリングが行える...

37098?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-22-21.31.54_thumb

  • 2012/04/02

地球へ帰還せよ。3Dモデルの上にコックピットを表示「cockpit.js」

cockpit.jsは3Dモデルの上に2Dのレイヤーを重ねたゲームを作成するためのライブラリです。cockpit.jsを使うとWebベースの3Dゲームに2Dのコックピットを表示するというゲームが作れるようになります。キーボードやマウス操作で移動も可能です。この臨場感がすごい!ここが日本辺り。WASDによる移動、RFによ...

36081?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2f3dsearch27_thumb1

  • 2012/03/01

すごい!写真を重ね合わせて立体モデルを生成「insight3d」

insight3dは複数の写真から立体モデルを生成するソフトウェアです。MicrosoftのPhotosynthが有名ですが、複数の写真を解析して立体的なモデルを作成する技術があります。それをオープンソースとして公開しているのがinsight3dです。インストーラーです。ウィザードに沿って進めればインストールできます。...

List

  • 2012/01/29

Three.js対応。Webブラウザ上で3Dモデルを作成「ThreeFab」

ThreeFabはTree.jsに対応した3DモデルをWebブラウザ上で作成できるソフトウェアです。Three.jsはJavaScriptで高度な3Dモデルを描画するエンジンですが、そのモデル作成はやはり大変な作業になります。そこで使ってみたいのがThreeFabになります。最初の画面です。3Dモデルが奇麗に描かれてい...

List

  • 2012/01/21

跡※王国?人体解剖3Dビューワー「open 3D viewer」

open 3D viewerは身体の3Dモデルを透明度を自由に設定して閲覧できるビューワーです。元々Zygote Body(旧Google Body)で採用されていたビューワーですが、オープンソースとしてリリースしました。デモの牛さんです。はぁはぁ…おっと、一気に透けてしまいました。血管と脳だけです。マウスを動かすとぐ...

31943?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-13-10.22.09_thumb

  • 2011/11/22

HTML5を使ったオンラインドキュメンタリー「One Millionth Tower」

One Millionth Towerはカナダ国立映画庁作成のHTML5製オンラインドキュメンタリーです。HTML5やWebGLを使って何ができるのか、色々思い描きつつもなかなか実際に取り組むのは困難です。そこでOne Millionth Towerをぜひ見て欲しいと思います。カナダ国立映画庁作成によるOne Mill...

26797?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-05-09-11.44.02_thumb

  • 2011/05/17

スムーズに動作する。各種OSはもちろんiOSもターゲットの3Dゲームエンジン「Gamekit」

Gamekitはマルチプラットフォーム、マルチデバイスの3Dゲームエンジン。GamekitはWindows/Mac OSX/iOS/Linux用のオープンソース・ソフトウェア。Nintendo DSやWiiの登場によってグラフィックス、リアル重視の傾向から戻ったかに見えたが、やはりゲームはグラフィックスが命だ。どんどん...