Chrome Life

Chrome OS, Chrome Web Store などChrome関連の話題、Google+などの新しいGoogleサービス、HTML5, JavaScript, CSS3によるWebアプリ開発、ChromeBook、MacBook Air、クラウドの活用方法などを紹介

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

私たち人間の体はとても複雑で神秘的な造りをしています。

医学が進歩しても、いまだに解明できていない病気も多くあります。

そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。

今回ご紹介するのは、HTML5WebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN」です。

BIODIGITAL HUMAN」は、詳細な医療の説明と組み合わせて人間の構造を3Dで学ぶことができる教育ツールです。

Googleからも同じような3Dの人体解剖図ツール「Google Body Browser」がラボで登場しましたが、Google Mapの人体解剖図版といったレベルでしかありませんでした。

BIODIGITAL HUMANは、人体解剖図が見れるだけでなく、臓器1つ1つの詳細な説明や、関連する病気・症状など医学的に必要な知識が学べるようになっています。

それでは、実際に使い方を見て行きましょう。

3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」

BIODIGITAL HUMAN」をChromeウェブストアからインストールします。

起動すると、ブラウザ環境のチェックが行われます。

HTML5WebGLが使える環境でグラフィックカードが対応していればYES!と表示されます。 筆者のMacBook Airでも問題なく使えました。

性別を選ぶと、3Dデータのローディングが始まります。(ネットワークの環境によっては多少時間がかかります) 起動すると3Dの人体図が表示されます。

画面下にあるツールバーで、回転や移動、拡大・縮小などの操作が行えます。 スナップショットボタンを押すと表示しているモデルを画像としてダウンロードすることが可能です。

臓器や血管、筋肉などはレイヤーに分かれており、細かくレイヤー毎にON/OFFすることが可能です。

筋肉までのレイヤーをONにするとこのようになります。

ツールバーX線表示モードに切り替えることもできます。

左側のタブでCONDITIONSを選ぶと、臓器の動きをシミュレーションすることができます。 心臓が音とともにリアルに動きます。 正常時の心臓と不整脈の心臓と比較することが可能です。

調べたい部位をマウスで選択すると、その部位の説明が表示されます。 例えば甲状腺を選んだ場合、関連する病気として甲状腺癌の説明が表示されます。

説明は全て英語ですが、医学を学ぶ人は英語ができると思うので問題ないですよねw

まとめ

HTML5WebGLの技術を使ったものといえば、ゲームなどのエンターテイメント要素が注目されてしまいますが、今まで専用のソフトや高額な機材が無いと学ぶことができなかった教育現場の方が有効活用できるのかもしれません。

BIODIGITAL HUMAN」のような医学の進歩に貢献するようなツールがもっともっと増えるといいですね。

それにしても、ブラウザさえあれば何でもできちゃう世界になりつつありますねw

それでは、また!