HCI 实验 实验成绩：30分 2015.

Presentation on theme: "HCI 实验 实验成绩：30分 2015."— Presentation transcript:

1 HCI 实验 实验成绩：30分 2015

2 上机安排 时间：周一上午3-4节，从第三周开始，共8次实验 地点：数字媒体圆厅 要求：实验一或者实验二任选一个

3 实验一（30分） 清明上河图交互漫游系统 目标：基于Android4.0以上系统，搭建“清明上河图交互漫游系统”，载入清明上河图图片，通过触摸屏、感应器、话筒、摄像头等实现人机互动。

4 要求（1）---10分 基于多点触摸的交互漫游 通过单点/多点触控控制zoom in/zoom out（4分）
通过单点/多点触控控制浏览方向（4分） 恢复初始视点：长按（2分） 长按：恢复初始视点 单点：zoom out /双点：zoom In 捏：zoom out 展开：zoom In 单点拖拽：控制浏览方向 按压并拖拽：控制水平/垂直浏览方向（方向约束）

5 要求（2）--10分 语音交互 音频数据准备：针对不同的对象场景预设风声、流水声、鸟声、喧闹人群声、讨价还价声、弹唱戏曲声等。
语音输入交互： 通过语音输入“上、下、左、右”控制漫游方向（2分） 通过语音输入“大、小”控制音频播放音量大小（2分） 场景定位：通过语音输入“汴京郊野”、“汴河码头”、“市区街道”等定位视点到不同的场景（2分） 语音输出交互： 当用户漫游至相应场景时，加载声音并合成。 （4分） 例如，用户远观整个街市场景时，合成喧闹人群声和自然声；当用户zoom in到图片某细节处，可能听到清晰的讨价还价声。

6 要求（3）--10分 基于感应器的交互控制 使用重力感应器控制视点移动。（4分）
使用方向感应器，感应手机位移, 以控制流水方向,按照流水方向通过不同的左右声道输出，用户可以通过耳机感受不同方向的三维声觉特效。（3分） 使用加速度感应器，感应手机摇晃速度，以控制音频播放速度，模拟不同流水流速等效果。（3分） 通过sensor来算手机摇晃的频率，摇晃的频率越高，播放声音的速度越快。

7 实验二（30分） 基于Android的三维物体交互系统 系统支持通过多点触摸设备，对基本几何物体（eg:茶壶）进行自然平移、旋转、缩放
通过两点触控方式实现，实现多种交互方式 参考文章 Oscar Kin-Chung Au，Chiew-Lan Tai，Hongbo Fu，Multitouch Gestures for Constrained Transformation of 3D Objects，Computer Graphics Forum，Volume 31 Issue 2pt3, May Pages

8 要求（1）--基于轴的交互方式 2分 单击物体—展示物体的三个坐标轴 通过判断两指点击位置的方向和哪个轴最接近来确定选择的坐标轴。
选中的坐标轴实线加粗显示。 5分 5分 两指同方向移动： 两指沿着轴方向移动---物体沿着轴方向平移（红色） 两指沿着轴垂直方向移动---物体沿着轴方向旋转（绿色） 两指沿着轴方向反方向移动---物体沿着轴方向放大或者缩小（红色） 5分

9 要求（2）--基于坐标平面的交互方式 通过判断两指点击位置的方向和哪个坐标平面的法向最接近来确定选择的坐标平面。 选中的坐标平面显示。 3分
两指同向的移动---物体在该坐标平面上平移 具体实现：依据两指移动的方向，确定物体平移的方向，如图同时影响x,y两个轴的坐标 5分 两指反向的移动---物体在该坐标平面上放大或者缩小 具体实现：依据两指移动的方向，物体需要x，y两个轴上同步放缩哦 5分

10 实验报告（10分，扣分制） 要求 功能文档（2分） 技术文档（2分） 开发文档（2分） 结果展示（正文图片展示） （2分）
画出交互概念模型 技术文档（2分） 开发文档（2分） 结果展示（正文图片展示） （2分） 录制视频demo （2分） 具体人员分工情况介绍

11 不提交上述源码等材料和实验报告的同学，实验成绩作废。
最终提交材料 实验源码 Apk 录制视频demo 实验报告 不提交上述源码等材料和实验报告的同学，实验成绩作废。

12 实验平台&演示环境 实验室android模拟器 + 个人手机 交作业时：手机演示

13 时间节点&检查 原则：实验要求的三部分，每部分随时做完随时要求实验指导老师检查，先交的同学保持原创性，不要随意copy代码给其他同学，以免影响自己的成绩。因代码散播带来的成绩不公正性后果自负。 分步检查时间节点： 4月20日 检查要求（1） 5月4日 检查要求（2）（3） 程序现场检查 交实验报告 人员要求：不超过4人一组

14 附：滚屏地图技术 根据用户视点所在位置，确定显示的地图部分 滚屏地图

15 滚屏地图算法实现 变量设置： playerx, playery 为人物相对于完整地图左上角的坐标；
screen_wide, screen_high 为屏幕的宽和高； 当人物在屏幕正中央时，应该绘制的地图范围是： x轴： 由 playerx - screen_wide /2 至 playerx +screen_wide /2 ； y轴： 由 playery - screen_high /2至 playery +screen_high /2 ； 滚屏地图