互动原型I
函数式编程是授予原型真实功能的关键部分,允许原型响应用户的输入。
- SoS:2018年度专辑
- 如何为聚会或活动选择完美的封面乐队
- 更好的育儿是世界上最伟大的-Pattanathil Bhootham的歌曲1967电影
- “穿上靴子”实际上是有史以来最好的U2歌曲吗?
- 不要喝毒药
我从健康栏创建教程中研究了如何创建活动栏:
https://www.youtube.com/watch?v=6Z7_ZbNUNw8&t=18s
基于运行状况栏创建教程,我在Unity中建立了脚本并将这些脚本附加到用户界面的组件上。

我还对每个脚本进行了一些更改,使原型更适合于概念目标。
首先,将变量分配给Barscript类。

在水的摄入量,健康和能量栏中附加文字。 为每个栏设置特定的文本和颜色,取水栏的颜色将根据该值不断变化,lerpspeed控制颜色变化的速度。



初始化stats类中的脚本,当前值和最大值。


播放器类使用户能够通过键盘输入来更改每个小节的值,按P / Q将进水值增加/减少100,按A / L将健康值增加/减少5,按Z / M将能量值增加/减少12。将播放器脚本附加到小节上,设置初始值和最大值。



最后,我开发了一个更改类,将其附加到每个按钮的on click事件上。 现在,用户可以通过单击按钮将默认图片更改为表情符号。

课堂练习—讲故事
- 描述UX故事:您的概念的用户体验是什么(场景,用户故事)?
场景:

2.描述功能故事:绘制出概念的功能(任务流,功能图)?
任务流程图:

3.描述信息故事:您的应用程序中的数据流(UML图,状态图)是什么?
交互图-单个用例流程:
