阿布杜艾尼 · 米吉提 上海医学院 10301010157 网络虚拟环境在医学中的应用 ----- 谷歌人体浏览器.

Presentation on theme: "阿布杜艾尼 · 米吉提 上海医学院 10301010157 网络虚拟环境在医学中的应用 ----- 谷歌人体浏览器."— Presentation transcript:

1 阿布杜艾尼 · 米吉提 上海医学院 10301010157 网络虚拟环境在医学中的应用 ----- 谷歌人体浏览器

2 简介： 谷歌通过 WebGL 技术将人体将解 剖学 3D 模型无比清晰的展现到了 我们的眼前，不仅为学医和绘画 的人提供了巨大的帮助，也为普 通人了解人体构造提供了方便。

3 WebGL ： WebGL 是一种 3D 绘图标准，这种绘图 技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定， WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速 渲染，这样 Web 开发人员就可以借助系 统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和 数据视觉化。显然， WebGL 技术标准 免去了开发网页专用渲染插件的麻烦， 可被用于创建具有复杂 3D 结构的网站 页面，甚至可以用来设计 3D 网页游戏 等等。

4 谷歌人 体浏览 器 支持 WebG L 无需 任何 插件 3D 图 形 浏览 器访 问 皮肤、 肌肉、 组织和 骨骼 特点：

5 界面 谷歌人体浏览器可以 使用谷歌浏览器或者 支持 WebGL 浏览器打 开。 zygotebody.com

6 使用 1. 打开后界面中间是 一个人体模型，而左 上角区域是视图的控 制按钮，下方区域通 过拖动滑块可以控制 人体模型如何显示。

7 使用 2. 谷歌人体浏览器控 制技巧可以直接点击 左侧最下方的问号， 这时就会出现快速指 南，介绍大概的操作 方法。

8 使用 3. 除了点击左上角的 按钮进行上下、旋转 、扩大缩小以外，可 以用按住鼠标对模型 进行旋转拖动，使用 鼠标滚轮便可以对模 型进行扩大缩小，如 果想回到初始状态点 击中间的房子就可以 了。

9 使用 4. 拖动下方的滑块可 以切换显示人体全部 的肌肉、骨骼、内脏、 血管、神经、大脑等 构造，配合鼠标进行 旋转、放大，所有人 体的构造一览无余。

10 使用 4. 拖动下方的滑块可 以切换显示人体全部 的肌肉、骨骼、内脏、 血管、神经、大脑等 构造，配合鼠标进行 旋转、放大，所有人 体的构造一览无余。

11 使用 5. 先拖动滑块显示出 人体内脏，然后用鼠 标控制将其放大

12 使用 5. 先拖动滑块显示出 人体内脏，然后用鼠 标控制将其放大

13 使用 : 高级显示技巧 6. 点击下方切换控制， 此时左侧的人体构造 可以理解为图层，将 滑块拖动到左边便不 显示，拖动到右侧便 逐渐显示。隐藏其它 构造，只显示骨骼和 内脏。

14 使用 : 单独器官的显示 7. 左侧拖动滑块控制 人体结构显示，然后 在界面中点击人体的 某一器官，这时这其 它部位便会虚化，选 中的器官会单独显示 出来。

15 使用 5. 右上角的搜索框中 输入人体部位名称， 然后便可以直接定位 到该部位，点击标签 左侧的加号可以展开 标签。

16 谢谢观赏！

17 几个 WEBGL 有关网站 http://www.hewebgl.com/ http://www.open-open.com/news/view/9d8136 http://www.awwwards.com/22-experimental-webgl-demo- examples.html