タグ

html5と3dに関するkomzのブックマーク (2)

  • HTML5で近代的な3Dゲームを実現する第一歩になりそうなWebGLのデモ - Chrome Life

    3Dグラフィックスをブラウザだけで表現できる「WebGL」は、HTML5が浸透してくることでますます期待されています。 今までもWebGLを使ったサンプルやアプリケーションが登場していますが、どちらかというと3次元で表現したものがブラウザで見れるといったレベルのものがほとんどでした。 ブラウザで表現するのにも限界があるのか?と思っていましたが、そんなことはないというサンプルを見つけました。 Team Fortress2が作ったthree.jsのWebGLを使ったデモです。 精密な3Dグラフィック表現、キャラクターのスムーズなアニメーション、微妙な影の重なり具合など完成度が高いサンプルになっています。 当にブラウザで動いてるの? と疑ってしまうほどです。 three.jsは、JavaScriptからWebGLを簡単に使えるようになるライブラリーです。 今までもthree.jsを使ったサンプ

  • HTML5+WebGLで医学・解剖学が学べる!3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」 - Chrome Life

    私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。 今回ご紹介するのは、HTML5とWebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN」です。 「BIODIGITAL HUMAN」は、詳細な医療の説明と組み合わせて人間の構造を3Dで学ぶことができる教育ツールです。 Googleからも同じような3Dの人体解剖図ツール「Google Body Browser」がラボで登場しましたが、Google Mapの人体解剖図版といったレベルでしかありませんでした。 BIODIGITAL HUMANは、人体解剖図が見れるだけでなく、臓器1つ1つ

    HTML5+WebGLで医学・解剖学が学べる!3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」 - Chrome Life
  • 1