蓝图交互,light chaser里程碑更新!!!

143 阅读2分钟

lightchaser blueprint.png

时隔1个月,我终于完成了light chaser蓝图交互的开发工作,这是一个很大的更新,也是light chaser的一个重要的里程碑。

今天我很高兴的宣布,light chaser正式支持蓝图交互!

什么是蓝图交互?

最早听说蓝图是在UE4中,蓝图是一种可视化编程的方案,它可以让你在不写代码的情况下,通过拖拽和连接节点来实现逻辑。蓝图的出现,让游戏开发者不需要编写代码,就可以实现游戏逻辑,这对于不懂编程的游戏开发者来说,是一个很大的福音。

而在数据可视化设计器中也会碰到相同的场景。制作出来的大屏需要各个组件进行相互操作。比如点击组件A的时候隐藏组件B。这是一个最简单的场景。

那么需要明白,我们这个场景下不是游戏开发,而是web应用。这种场景的蓝图交互到底是什么?

web交互的核心

蓝图交互。核心在于交互。而在web应用中交互的核心在于事件。所有web组件与用户的交互方式基本都是通过事件完成的,因此,这个场景下的蓝图交互就是通过拖拽和链接节点的方式来完成组件(web元素)之间的事件逻辑。

为什么要使用蓝图交互?

试想一下在没有蓝图交互的方案之前,我们是如何实现web组件之间的交互功能的?无非是手动写好处理函数,然后写死由谁来触发,作用于谁。亦或者是代码复用一下。将处理逻辑存储起来,实际使用的时候让用户手动选择处理函数。前者太硬编码,后者操作起来太麻烦。而蓝图交互的出现,让这一切变得简单。 使用蓝图,虽然也需要定义好事件规范和处理逻辑。但是交互上的体验是直观的。谁触发事件,作用于谁,一目了然。

相比于原始的处理方式,蓝图在交互体验和逻辑编排上对用户的友好程度都由极大的提高

交互预览

交互.gif