
在I / O ’18召开大约一个半月之前,我们开始与Google的Flutter团队合作,为会议创建一个交互式信息亭。 展览的目的是使与会者有机会以有趣,互动且令人难忘的方式体验Flutter。
我们构建的游戏是一种多人协作,UI构建竞赛。 与会者扮演着食品配送初创公司的应用程序开发人员的角色。 每个参与者都有一个平板电脑,各种利益相关者出现的指示需要通知其他参与者。 每个数位板还具有各种按钮,滑块和旋钮来完成这些说明。 玩家必须权衡宣布任务并完成任务,然后利益相关者才会发脾气并关闭项目。 这个概念类似于Spaceteam。
当玩家与平板电脑互动时,由于Flutter具有热重载功能,电视上Flutter应用程序的UI会实时更新。
整个体验由以下三个Flutter应用程序组成:
- 平板电脑应用
- 电视应用
- 模拟器应用

平板电脑应用
平板电脑上运行的是平板电脑应用程序,这是所有游戏玩法发生的地方。 每个玩家在屏幕的左侧都有一个不同的任务,需要使用屏幕右侧的控件来完成此任务。 有时,任务会出现在他们的屏幕上,而大多数时候,任务会出现在其他玩家的平板电脑上。 当每个人都在大喊大叫并执行团队任务时,事情会变得非常混乱(而且很有趣)!

电视应用
TV App可以在大屏幕上运行,并充当整个游戏的服务器。 这里显示的代码是真实的! 当玩家在平板电脑上完成任务时,实时的实时Flutter代码正在发生变化。 随着代码的不断变化,由于Flutter的热重载功能,Simulator App正在实时更新。
电视应用程序还在每个会话结束时跟踪高分。

模拟器应用
游戏的目的是完成模拟器应用程序。 游戏开始时,模拟器应用程序处于非常基本的线框状态。 随着玩家在平板电脑上完成任务,Simulator App的布局,设计和动画都变得栩栩如生。
游戏的所有组件(平板电脑和电视应用程序)都是使用Flutter构建的,动画是使用2Dimensions的工具Nima和Flare创建的。
开源的
整个项目都是开源的,因此可以随时在此处探索代码并设置自己的游戏。 请务必与我们分享您的高分!
访问Flutter网站,以了解更多有关如何在如此短的时间内创造出如此引人入胜的体验的信息!
最初于 2018 年8月4日 在 2Dimensions.com 上 发布 。