时隔1个月,我终于完成了light chaser蓝图交互的开发工作,这是一个很大的更新,也是light chaser的一个重要的里程碑。
今天我很高兴的宣布,light chaser正式支持蓝图交互!
什么是蓝图交互?
最早听说蓝图是在UE4中,蓝图是一种可视化编程的方案,它可以让你在不写代码的情况下,通过拖拽和连接节点来实现逻辑。蓝图的出现,让游戏开发者不需要编写代码,就可以实现游戏逻辑,这对于不懂编程的游戏开发者来说,是一个很大的福音。
而在数据可视化设计器中也会碰到相同的场景。制作出来的大屏需要各个组件进行相互操作。比如点击组件A的时候隐藏组件B。这是一个最简单的场景。
那么需要明白,我们这个场景下不是游戏开发,而是web应用。这种场景的蓝图交互到底是什么?
web交互的核心
蓝图交互。核心在于交互。而在web应用中交互的核心在于事件。所有web组件与用户的交互方式基本都是通过事件完成的,因此,这个场景下的蓝图交互就是通过拖拽和链接节点的方式来完成组件(web元素)之间的事件逻辑。
为什么要使用蓝图交互?
试想一下在没有蓝图交互的方案之前,我们是如何实现web组件之间的交互功能的?无非是手动写好处理函数,然后写死由谁来触发,作用于谁。亦或者是代码复用一下。将处理逻辑存储起来,实际使用的时候让用户手动选择处理函数。前者太硬编码,后者操作起来太麻烦。而蓝图交互的出现,让这一切变得简单。
使用蓝图,虽然也需要定义好事件规范和处理逻辑。但是交互上的体验是直观的。谁触发事件,作用于谁,一目了然。
相比于原始的处理方式,蓝图在交互体验和逻辑编排上对用户的友好程度都由极大的提高