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

技術 - WebGLの記事一覧

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

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

もっと見る

38257?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-26-15.42.19_thumb

  • 2012/05/06

GoogleストリートビューをWebGLで「WebGL Google Street Viewer」

WebGL Google Street ViewerはWebGLを使って作られたGoogleストリートビュービューワーです。Googleストリートビューはとても面白いサービですが、Flashで作られているのが珠に傷です。そこで使ってみたいのがWebGL Google Street Viewerです。WebGLを使ってG...

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によ...

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...

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

  • 2011/09/15

ノームの戦うEmberwindをHTML5+WebGLへポート「Emberwind」

Emberwindは同名ゲームをHTML5+WebGLへポーティングしたゲーム。Operaチームが開発している。EmberwindはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の技術の一つ、WebGLはWebベースで高度なグラフィックスを描くためのAPIだ。だがどんなグラフィックスを描け...

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

  • 2011/05/17

体感必須。WebGLの持つポテンシャルを知る「WebGL Samples」

WebGL SamplesはWebGLのデモアプリケーションが登録されているプロジェクト。WebGL SamplesはHTML5/WebGL製のオープンソース・ソフトウェア。HTML5の登場によって新しい技術がWebブラウザに取り込まれている。その中で最も可能性を感じさせる、だが使うのもなかなか難しそうに思えるのがWe...

List

  • 2011/05/02

Web上で画像にイフェクト。WebGLを使ったデモアプリケーション「WebGL Filter」

WebGL FilterはWebGLを使ったWebベースの画像イフェクトソフトウェア。WebGL FilterはHTML5/JavaScriptのフリーウェア(ソースコードは公開されている)。HTML5では様々な新しい機能をWebの世界に提供する。その一つとして知っておきたいのがWebGLだ。GPUを使ったグラフィカル...

25646?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-23-10.16.52_thumb1

  • 2011/02/23

ぜひ触れてみよう。Sencha Inc.開発のWebGLフレームワーク「PhiloGL」

PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが...