5KB 代码创乾坤!快来感受下 Flutter 的美妙与潜力!

2019 年 5 月 30 日 谷歌开发者

作者 / Martin Aguinis, Flutter Team, Google


Flutter Create 是我们发起的一次开发竞赛,要求参赛者只使用 5KB (或更少) 的 Dart 代码来创建精美、有趣的作品,以激发社区更多的灵感。


我们收到了来自 60 多个国家和地区的 750 多件作品,作者群体则覆盖了从开发初学者到 Flutter 专家的各种水平。而这些作品无一不让我们惊讶万分,请看下面的视频:

  • 腾讯视频链接

    https://v.qq.com/x/page/y087731nefx.html

  • Bilibili 视频链接

    https://www.bilibili.com/video/av53946181/


这里我们想给您一些参考,从而了解 5KB 是多么极限的尺寸:


  • 不足半秒钟的常用音乐文件。常见的 MP3 文件以 128kbps (千比特/秒) 编码。也就是 128/8 = 16 千字节/秒。所以 5KB 相当于 0.3125 秒的常见 MP3 文件。

  • 小于 HTML 规范文件尺寸的 0.05%,甚至小于这份规范文件目录部分的 5%。

  • 小于一张 80x60 尺寸的 GIF 图。


  • HTML 规范文件

    https://html.spec.whatwg.org/


希望本次开发竞赛让大家玩得尽兴,并感受到 Flutter 的美妙与潜力。


首届 Flutter Create 获奖者如下 🥁🥁🥁



大奖: Compass


作者: Zebiao Hu

这一个精致的、定制化设计的全功能罗盘应用。向上滑动后,会显示一个可供用户旋转的地球仪,并在用户放置红点的任意位置展示当地的实时天气信息。



最佳视觉效果奖: Relax


作者: Erin Morrissey

Relax 是一款精美的音频冥想应用,它可以显示雨、森林、日落和海洋的图像以及相应的冥想环境音。



代码质量奖: Pocket Piano


作者: Rody Davis

适用于 iOS 和 Android 的钢琴应用。您可以更改八度音程 (通过向左或向右滑动) 和键宽,在琴键上切换标签,并通过点击弹奏出任何音符 (或多个音符)。这款钢琴应用还完全支持屏幕阅读器用户使用。开发者还发布了开发教程,您可以参考并构建自己的应用。


  • Pocket Piano 开发教程

    https://rodydavisjr.com/2019/03/12/making-a-piano/



优秀执行奖: TimeFlow


作者: Fabian Stein

TimeFlow 是一个计时器应用。根据用户选择的时间长度,画面中的球体会先碎成碎片,并在指定的时间内慢慢重新组合起来 (图中没有展示重组的过程)。这种温和的计时器界面是为了减小冥想者的压力而设计,因为他们时常抱怨传统的数字计时器界面看起来很有压力。



创新概念奖: Flutter Events


作者: Noel Jacob

在一个活动的现场 (比如 Google I/O ),参与者最关心的就是活动的详细日程。只需要拿出这款应用扫描二维码 (由活动方按照规范生成),所有的活动日程就会被解析并井然有序地展现出来。令人惊讶的是,展示出来的活动日程还支持很多个性化的格式 (可以在 JSON 文件中设置,无需在应用中硬编码)。



其他精彩作品


评选工作的难度在于: 根据我们的标准,从所有参赛作品中仅仅选出 5 名获奖者实在太困难了。为了让大家了解到更多精彩的作品,我们的评委还向以下参赛作品颁发了荣誉奖 (按作品名首字母排序):


  • Elements app 来自 Brian Carlos Robles

  • Fauth 来自 Christian Pietzuch

  • Filipino cuisine 来自 John Mark Grancapal

  • Find aik 来自 Igor Petushkov

  • Flutty Loops 来自 Erick Ghaumez

  • Foxgame 来自 Sven Knockaert

  • Lights out 来自 Khaleel Shaheen

  • Kitten Quartet 来自 Zhenxi Chen

  • Pomodoro 来自 Al-Ameen Ogundiran

  • Timelog 来自 Christos Giallouros

  • Touch the programming 来自 Tatsuya Tobioka


参赛作品的品质和创新精神让我们深感震撼。一些开发者舍弃了部分工作时间用来开发参赛作品,一位开发者甚至将本次的参赛作品转变成了一份全职工作。


要查看已提交的数百个作品中的更多精彩示例,请移步 GitHub 查看 FutterCreateSubmissions2019 项目


  • GitHub - FutterCreateSubmissions2019

    https://github.com/pinkeshdarji/FlutterCreateSubmissions2019


再次感谢大家的参与!请在评论区与我们分享您对比赛的看法。我们可能会在将来再次举办 Flutter Create 或类似的比赛,敬请期待。



 点击屏末 | | 查看 Flutter Create 大赛详情



推荐阅读




登录查看更多
1

相关内容

超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
【CVPR2020-CMU】无数据模型选择,一种深度框架潜力
专知会员服务
21+阅读 · 2020年4月12日
【论文】结构GANs,Structured GANs,
专知会员服务
14+阅读 · 2020年1月16日
近期必读的7篇 CVPR 2019【视觉问答】相关论文和代码
专知会员服务
34+阅读 · 2020年1月10日
【电子书】Flutter实战305页PDF免费下载
专知会员服务
20+阅读 · 2019年11月7日
重磅!Flutter 2019年最新进展和未来展望
前端之巅
4+阅读 · 2019年6月20日
美团:基于跨平台框架Flutter的动态化平台建设
前端之巅
14+阅读 · 2019年6月17日
手把手教你用Python实现“坦克大战”,附详细代码!
机器学习算法与Python学习
11+阅读 · 2019年6月8日
7 款实用到哭的App,只说一遍
高效率工具搜罗
84+阅读 · 2019年4月30日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
10行代码实现目标检测,请收下这份教程
极市平台
4+阅读 · 2018年6月27日
TensorFlow: 薛定谔的管道
深度学习大讲堂
3+阅读 · 2018年6月13日
VrR-VG: Refocusing Visually-Relevant Relationships
Arxiv
6+阅读 · 2019年8月26日
Single-frame Regularization for Temporally Stable CNNs
Arxiv
9+阅读 · 2018年10月18日
Arxiv
7+阅读 · 2018年3月22日
Arxiv
5+阅读 · 2018年1月30日
VIP会员
相关VIP内容
【CVPR2020-CMU】无数据模型选择,一种深度框架潜力
专知会员服务
21+阅读 · 2020年4月12日
【论文】结构GANs,Structured GANs,
专知会员服务
14+阅读 · 2020年1月16日
近期必读的7篇 CVPR 2019【视觉问答】相关论文和代码
专知会员服务
34+阅读 · 2020年1月10日
【电子书】Flutter实战305页PDF免费下载
专知会员服务
20+阅读 · 2019年11月7日
相关资讯
重磅!Flutter 2019年最新进展和未来展望
前端之巅
4+阅读 · 2019年6月20日
美团:基于跨平台框架Flutter的动态化平台建设
前端之巅
14+阅读 · 2019年6月17日
手把手教你用Python实现“坦克大战”,附详细代码!
机器学习算法与Python学习
11+阅读 · 2019年6月8日
7 款实用到哭的App,只说一遍
高效率工具搜罗
84+阅读 · 2019年4月30日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
10行代码实现目标检测,请收下这份教程
极市平台
4+阅读 · 2018年6月27日
TensorFlow: 薛定谔的管道
深度学习大讲堂
3+阅读 · 2018年6月13日
Top
微信扫码咨询专知VIP会员