html触摸电脑ui系统,如何用高级UI制作触摸系统界面

一、什么是触摸系统

触摸系统实际上是一个令玩家与作品中的角色产生互动的环节。顾名思义，通过模拟触摸这个行为，来令作品中的角色产生不同的反应、说出不同的台词。设计巧妙的触摸系统，一方面可以增添作品的可玩性，一方面促进了玩家与作品角色之间的互动，从而令玩家对角色和作品更加喜欢。

二、原理及所需功能

通过制图工具将立绘拆分为几小部分将其制作成按钮，并使用高级UI工具制作成触摸系统界面。

三、步骤

第一步，打开2.0制作工具

第二步，在button文件夹中新建一个“触摸系统”文件夹，并将拆分后需要用作按钮的图片放入此文件夹中。

第三步，将高级UI所需图片及立绘放入other文件夹中。

第四步，点击工具栏中的“设置”项，切换到“图片选项”页面，在空白编号内添加按钮信息后，点击“确认”按钮。

第五步，点击工具栏“高级UI”，新建一个高级UI界面，命名为“触摸系统”，点击“编辑”进入编辑页面。

第六步，点击“添加组件”-“图片”-“使用指定路径图片”导入背景图，点击“确认”。

第七步，点击“添加组件”-“图片”-“使用字符串指定图片”，选择一个空白字符串，命名为“触摸人物图片”。

第八步，点击“界面生成事件”-“字符串”添加字符串命令，输入图片名称，包括后缀扩展名，点击“确认”。

第九步，点击“添加组件”-“图片”，导入立绘图片，由于立绘图片是通过字符串指定的，暂时不可见，所以这里添加了一个临时图片作为参考。

第十步，点击“添加组件”-“按钮”，将头和胸的按钮导入，点击“确认”，拖到对应位置。

第十一步，选择“触摸-头”按钮，点击右键“编辑”-“按钮点击事件”，添加语音、音效等，点击“确认”。

第十二步，选择“触摸-胸”，操作和上一步一致，如果要改变立绘图片，则添加字符串命令，将字符串内容修改为想要的图片名称，点击“确认”完成操作。

第十三步，点击“添加组件”-“按钮”，添加返回按钮。

第十四步，在“返回”按钮的“按钮点击事件”中，添加命令“返回界面”，并将按钮拖动到合适的位置。

第十五步，确认触摸按钮与立绘按钮位置相对应后，删除参考立绘。最后的模板如下图所示。

四、注意事项

1.为了画面的美观，分割的人体部位尽量设置为低透明度的图片。

html触摸电脑ui系统,如何用高级UI制作触摸系统界面相关推荐

如何用计算机装手机系统,如何用手机usb重装电脑系统
随着科技的不断发展,电脑已经成为我们在日常生活中不可或缺的工具,但使用久了难免也会出现些系统故障.这时就需要我们使用u盘重装系统了,可具体要怎么操作呢?想知道的话,就往下来看看我整理的u盘重装电脑系统 ...
重装Windows系统教程（U盘制作+重装系统）
一.U盘制作找一个不用的U盘,大小建议在15G以上,因为后面要存储下载好的电脑系统.U盘在被制作成系统盘的时候会被格式化,注意使用前将有用的信息提前保存以免丢失. 第一步:用能够正常联网的电脑打开U ...
Kotlin x Java打造 UI 通用组件三-------高级UI组件定制与解耦设计之HiRefresh
需求分析: 设计一个下拉刷新组件,能够提供通用的API,并且支持自定义Head.关于这块其实在之前https://www.cnblogs.com/webor2006/p/7989766.html已经有 ...
w7系统装天联高级版服务器,w7系统有几个版本你都知道吗？
最近有很多网友问小编w7系统有几个版本,哪个版本最好用.w7系统有几个版本你都知道吗?今天小编就带来w7系统有几个版本的解答.想要了解w7系统有几个版本的网友们请往下看. Windows 7有6个版本 ...
如何用计算机装手机系统,如何用手机给电脑重装系统
首先需要手机是已经Root过的安卓手机,安装好DriveDroid软件并留有10GB的空间作为存放镜像的空间.在手机设置好后,打开电脑使用Rufus 1.4.9或更高版本软件将手机设置为启动盘.在电脑 ...
广州优漫动游公司：高级UI/UE交互设计就业班学什么？
广州ui设计培训学校,UI交互设计培训,ui界面设计培训,UI培训学校,ui界面交互设计培训,UI培训哪个学校好–高级UI交互设计就业班.UI设计培训,高级UI/UE交互设计就业班. 一.培训特色项 ...
什么样的UI设计是高级UI设计？【萧蕊冰】
哈喽大家好!首先思考一个问题,什么样的UI设计才算是高级UI设计?要想成为一个高级UI设计师,一般都需要具备一些能力,今天这篇文章就来讲一下高级UI设计的要求是哪些,什么样的设计才是高级UI设计. 1 ...
服务器u盘安装linux6.7,制作linux系统U盘并使用U盘安装CentOS7.6系统
目录一.制作linux启动盘使用光盘刻录软件将系统镜像刻录到U盘后使用U盘安装系统. 1. 准备 1个大于8GU盘(最小1G以上,最好8G) 官方系统镜像(CentOS7-1810) 光盘刻录软件 ...
android scroller,高级UI第四十四篇：Android Scroller详解
滚动视图的方法有两种:scrollTo和scrollBy,而Scroller就是它们的辅助工具类,所以Scroller是学好高级UI必不可少的一课. (1)scrollTo.scrollBy.getS ...

html触摸电脑ui系统,如何用高级UI制作触摸系统界面

html触摸电脑ui系统,如何用高级UI制作触摸系统界面相关推荐

最新文章

热门文章