タグ

webglに関するishikariのブックマーク (3)

  • JavaScript 3DレンダリングエンジンのThree.jsを試す

    こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ

    JavaScript 3DレンダリングエンジンのThree.jsを試す
  • csg.js: Constructive Solid Geometry 3d Modeling in...

    Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Evan Wallace, the same guy who brought us that amazing WebGL water simulation is back at it again, this time with a library called csg.js for doing Constructive Solid Geometry modeling in JavaScript. Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean

    csg.js: Constructive Solid Geometry 3d Modeling in...
  • ぜひ触れてみよう。Sencha Inc.開発のWebGLフレームワーク·PhiloGL MOONGIFT

    PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。 PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが3Dだ。 動画の色を解析してビジュアル化 3Dと言えばローカルコンピュータ上で実現するものだった。ついでFlash等のブラウザプラグインでサポートされるようになり、WebGLの登場によってWebブラウザレベルでもサポートされる技術になった。そのWebGLを楽しめるライブラリがPhiloGLだ。 PhiloGLはWebGLフレームワークであり、データのビジュアル化や3Dモデル化を補助するためのソフトウェアだ。例えば三角形や四角形の図形を描く、回転させる、グラデーションを施す、

  • 1