查看: 1895|回复: 11
收起左侧

[综合教程经验] 如何让你的触摸屏画面3D起来

邀请回答

马上注册,享受更多特权

您需要 登录 才可以下载或查看,没有帐号?立即注册   

x
工控一直在发展,但有个方向发展的好像不是很快,那就是人机交互方面。直至今日,hmi也好,上位机组态也好,操控画面基本以2D为主,每次组态画面都是那几种样子,涉及到的设备都是那几张图片,乏味无奇。倒是听说有那么一款软件,可以实现沉浸式三维组态的效果,名字叫作GENESIS64。这玩意儿我也曾经找过安装包,也安装成功了,但是不会用,况且都是英文版的,没找到像样的教程,于是就放弃了(如果哪位这方面的大神路过,还请不吝赐教,拜谢!)。没有太合适的平台,那就换个思路,我们无非就是想有个优秀的视觉感官,那咱给画面整逼真一些不也行吗?!这里简单介绍一个小项目,分享一下我的3D组态(其实是伪3D)。
用设计软件做出设备的模型(很多三维制图软件,应该都可以达到目的),布置出现场的样子,然后截图下来作为画面底图
转鼓2.0整体.jpg
这其中涉及到两台电机两台水泵,然后再将这四台设备分别着绿色,作为运行时样子,着黄色作为故障时样子,并截图
电机1黄103x72.jpg 电机1绿105x73.jpg
这里补充说明一下,所有截图我是用的是微信带的截图工具,截图时候记得记下所截图片的分辨率,如果忘记记录,可以查看图片属性以获取其分辨率,这个分辨率有大用!
图片整理好就是组态画面了,先在画面中插入底图,我这里选择的触摸屏是1024*600的分辨率,我设置将图片铺满,我的底图分辨率是1485*790。我需要做的是计算出长和宽的缩放比例,1485/1024=1.45,790/600=1.317,这两个比例在放置四个设备的状态图时使用。例如,第一个电机的绿色状态截图是105*73,那么经过换算后,插入的图片大小应该设置为72*55,这里都是整数,所以取约等于数值。将设置好的图片放在合适的位置,这一步需要耐心,多次反复对比后,保证与原设备完全重合,然后设置图片可见性,设备运行时对应的地址有效时,图片可见。然后同样的方法设置黄色状态图片
0.png 1.png
也将其与设备放置万泉重合,同样的方法设置其他几个设备,最后放置几个按钮展示给大家看下效果
裁剪后_.gif
简单的小案例,希望能够对大家有所帮助,若有高手路过,还请多多赐教!




上一篇:求问:JavaScript脚本使用差异
下一篇:汇川触摸屏宏指令写俄罗斯方块和贪吃蛇

已有 0 人打赏作者

回复 邀请回答送花

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册   

本版积分规则

有技术问题,就上汇川技术社区

INOVANCE汇川技术 公众号

扫码下载掌上汇川APP

全国服务热线:8:30-17:30

4000-300124

苏州地址:江苏省苏州市吴中区越溪友翔路16号

深圳地址:深圳市龙华新区观澜街道高新技术产业园汇川技术总部大厦

Copyright © 2003-2100 汇川技术 Powered by Discuz! X3.4 ( 苏ICP备12002088号 )
快速回复 返回列表 返回顶部