Construindo o FLIP
Como construímos
I/O FLIP é um exemplo de integração perfeita entre as novas ferramentas de IA do Google e ferramentas que você já conhece e ama. As imagens dos personagens são geradas com DreamBooth no Muse, e as descrições foram geradas usando a PaLM API. A UI do jogo e as animações são criadas em Flutter e o backend é escrito em Dart. Usa um conjunto de ferramentas Firebase e Google Cloud para hospedagem e compartilhamento.
Saiba mais
O Código
Explore o código
Acesse o código que compõe o I/O FLIP e deixe-o inspirar você a usar todas as ferramentas do I/O FLIP e mais para criar inovações ainda mais divertidas e encantadoras.
MergulheFAQs
Perguntas
Frequentes
O que é isso?
I/O FLIP é um jogo de cartas desenvolvido com IA e powered by Google, criado para o Google I/O 2023.
Como as imagens e descrições foram criadas?
As imagens foram geradas usando Muse, um modelo Transformer de texto para imagem desenvolvido pelo Google Research e treinado usando arte que criamos. O texto foi gerado usando a PaLM API baseada em inputs de texto criados pelo Google. Para garantir uma experiência positiva para todos os usuários, imagens e texto foram gerados offline para que pudessem ser verificados por revisores humanos para garantir que aderem aos Princípios de IA do Google.
Como a IA foi usada?
A IA foi usada para criar as imagens e descrições em cada carta.
Há prêmios para os vencedores?
Não há prêmios como parte do jogo.
Quais dados são armazenados e publicamente disponíveis ao compartilhar?
Se você escolher compartilhar, suas iniciais, cartas e pontuação serão disponibilizados em uma URL única por 30 dias e então automaticamente deletados.
Agenda
Quarta-feira,
25 de Janeiro
Keynote Flutter Forward
Anúncios empolgantes de produtos, demos técnicas e convidados especiais!
AssistirDesign com Flutter
Translating Design to Code with Material 3
Learn how to build the basil material study in Flutter with advanced theming techniques and how to build for multiple device contexts.
Prototyping beautiful designs with Flutter
We'll show why Flutter is a great choice for building ambitious designs, as we start prototyping a puzzle app with custom animations, variable fonts, and shaders.
Using FlutterFlow to create engaging experiences lightning fast
Learn how to create beautiful and responsive UI, add animations, create custom widgets, generate clean code, and deploy to the app stores & web in one click using FlutterFlow.
Build RPG Games in Flutter with Bonfire
Learn how to build RPG games in Flutter with Bonfire, a package built on the Flame game engine.
Desenvolvimento Full Stack
Top Cloud Development Tips for Flutter Developers
Complement your Flutter apps with Dart on the server in these ten steps that run from initial project development all the way through deployment and QA automation.
Real-Time Games with Dart
Learn how to run Dart on the backend to drive a simple real-time multi-player game across multiple platforms. We’re going to play with the flame game engine and try to reuse some code between client and server.
Control your Flutter app on the fly with Firebase Remote Config
Real-time updates, feature flagging, A/B testing - what if I told you that you could enable these powerful features in your Flutter application with minimal development effort and without any costs? Firebase Remote Config is a free service that enables changing the behavior of an app remotely without publishing an app update. In this video, I will cover multiple real-world use cases where Firebase Remote Config could help you while building Flutter apps.
O futuro do Dart e Flutter
Bringing pattern matching to Dart
Records and pattern matching are two of the largest features coming in Dart 3.0. I'll talk about what they are, what they're useful for, and how they harmonize with the rest of the Dart language.
Impeller
Everything you need to know about Impeller, a new rendering runtime solution for Flutter to resolve early-onset jank issues. Impeller precompiles a smaller, simpler set of shaders at Engine build time so that they will not be compiled while an app is running.
Introducing screenshots on pub.dev
A short talk about why and how we are introducing screenshots on pub.dev.
Two-dimensional scrolling
A preview of upcoming scrolling features - in two dimensions!
Preview multiple windows on desktop
In this talk you'll get an early preview of what it will look like to render content into multiple windows from a single Flutter app.
Engenharia com Flutter
Canvas.draw Vertices
In this talk, Filip will explain the API of Canvas.drawVertices() and the Vertices.raw() constructor — both are obscure, very low-level, and hard to explain in documentation alone. But they are worth it when you need to squeeze the last bit of performance out of Flutter.
Making UI animation easy and fun
This talk for Flutter Forward 2023 dives into the Flutter Animate library, exploring how easy it is to create beautiful UI animations with just a few lines of code. It covers how to apply and adjust the wide variety of included effects, how to create totally custom effects, how to control animation playback, and shares tips to reduce the performance impact of animation.
Navigation with Go Router 6
Learn how to manage navigation in your Flutter app with the new Go Router 6 package.
How to write effective Flutter and Dart tests
Learn more on software testing, why we write tests, the kinds of tests you can and should write, and how to write the most effective tests for Flutter apps.
Migrate your native apps to Flutter
Learn the essential aspects of converting an existing app to Flutter, taken from learnings from ZestMoney. We will dive deep into understanding how much time and resources we will require to do this conversion.
Toques específicos de plataforma
Adaptive UI for a multiplatform world
An in-depth look at application adaptivity and practical ways to add adaptivity to your Flutter applications.
Flutter on Desktop
This talk begins with giving a brief discussion explaining the benefit of cross-platform project on multiple screens (i.e desktop), then it dives into building a desktop application using Flutter on macOS, Linux and Windows. Then it goes on to talk about desktop application distributions on these three platforms, giving you an overview of an end to end solution to craft your own very first desktop application.
How to integrate Payment gateway in a Flutter web app
Flutter web is stable now and getting matured. Most of the time we consider Flutter web for to build portfolio or any one page application.If you want to develop any application which need some basic and important functionality like payment gateway then what are the options available in Flutter web and how easily you can integrate payment gateway. Let’s go over this more in detail in this talk.
7 ways to speed up your flutter webapps
Learn 7 steps that you can take to speed up the loading of your Flutter Webapps.
Dart
Dart language evolution since 2.15
Take a dive into the evolution of the Dart language starting from Dart 2.15 to Dart 2.18, covering features such as contructor tearoffs, enhanced enums, super initializer parameters, improved named arguments.
Software supply chain security for Flutter and its ecosystem
Dart and Flutter are investing heavily in tools and services to protect their software supply chain. In this talk we will share our progress improving Flutter’s software supply chain security and the tools created to help the Flutter Ecosystem to improve their security posture.
Securing Flutter apps
Reviewing OWASP's top 10 for mobile, reporting vulnerabilities, best practices to minimize risk, preventing reverse engineering, staying up to date, and identifying and blocking attacks in real-time with technology such as RASP (Runtime Application Self-Protection) are the topics you will take away from this talk.
Private Dart and Flutter Packages
In this video, we show how private packages may be referenced and what is the most convenient way of working when you need to keep packages secret and safe.
Tiny Flutter
Dart recently added experimental support for the new RISC-V CPU architecture and the first boards with these new chips are now starting to be available. One of them being the Sipeed Lichee D1. Learn how to get Dart running on one of these boards with a tiny screen and how Flutter can help.
Comunidade
Flutter in Africa
Learn about Flutter communities in Africa and the exciting things Flutter developers all over the continent are building!
Demo Flutter
Aprenda como construímos a demo Machine Learning Holobooth, um aplicativo Flutter Web que usa TensorFlowJS com o modelo MediaPipe FaceMesh para detectar marcos faciais 3D em tempo real em um navegador!
Saiba Mais
Siga as últimas notícias sobre Flutter Forward
Creating home and lock screen widgets for your Flutter app
In this workshop, we'll walk through the steps needed to add Home Screen widgets and Lock Screen widgets to your Flutter app in iOS and Android.
Before you arrive
This workshop will walk through both native Android and native iOS development. In addition to having the Flutter SDK installed and a development environment, you’ll need certain software to follow each portion. To follow along with the Android portion, you’ll only need Android Studio. To follow along with the iOS portion, you’ll need a MacOS computer with Xcode installed, and an Apple Developer account. More information can be found in this Github repository’s README.
Hands-on with multi-factor authentication and Firestore count queries
Get the latest Firebase features for your Flutter app. We'll start with a basic app, and then add multi-factor phone authentication to ensure more secure sign-in.Then we'll use the new COUNT() operator in Firestore to include counts in the app at just a fraction of the cost and complexity.
Before you arrive
In order to follow along with this workshop, you’ll need a Flutter and Firebase development environment set up. You can follow the setup instructions at the Get to know Firebase for Flutter codelab. It is important that you complete step one through four of the codelab, to have your environment set up. If you have no Firebase experience, you are encouraged to complete the entire codelab before the workshop.
How to build the Basil Material 3 study
Learn how to use advanced theming features and the Material hct color system with the Basil Material 3 study. The Basil app also showcases how to build for ambient and smart displays.
Before you arrive
This workshop includes steps of the design process, which will help developers learn how to turn design into code. In order to follow along with the design process portion of the workshop, you should install Figma, or plan on using the Web Client for Figma. (If you plan on using the web client, you should test Figma beforehand, as it’s less reliable than the desktop client if the internet connection isn’t fast enough.) Other than Figma, this workshop will only use the standard Flutter development environment.
Comunidade
Diretrizes da Comunidade
Diretrizes da Comunidade e Política Anti-Assédio do Google para Eventos Presenciais e Virtuais
O Google se dedica a fornecer uma experiência de evento livre de assédio e inclusiva para todos, independentemente de identidade e expressão de gênero, orientação sexual, deficiências, neurodiversidade, aparência física, tamanho corporal, etnia, nacionalidade, raça, idade, religião ou outra categoria protegida. Não toleramos assédio aos participantes do evento de nenhuma forma. O Google leva violações de nossa política a sério e responderá apropriadamente.
Todos os participantes de eventos do Google, incluindo participantes presenciais e online, equipe do evento, palestrantes e Googlers, devem obedecer à seguinte política:
Seja respeitoso com os outros.
Trate todos com respeito. Participe reconhecendo que todos merecem estar aqui — e cada um de nós tem o direito de desfrutar nossa experiência sem medo de assédio, discriminação ou condescendência, seja flagrante ou via microagressões. Todas as formas de comunicação não devem rebaixar os outros. Considere o que você está dizendo e como se sentiria se fosse dito para você, ou sobre você.
Fale se você ver ou ouvir algo.
O assédio não é tolerado, e você está autorizado a se envolver educadamente quando você ou outros forem desrespeitados. A pessoa que está fazendo você se sentir desconfortável pode não estar ciente do que está fazendo, e trazer seu comportamento educadamente à sua atenção é encorajado.
- Stalking/following
- Deliberate intimidation
- Harassing photography or recording
- Sustained disruption of talks or other events
- Offensive verbal language
- Verbal language that reinforces social structures of domination
- Sexual imagery and language in public spaces
- Inappropriate physical contact
- Unwelcome sexual or physical attention
- Physical or cyber threats
Em relação, mas não limitado a:
- Neurodiversity
- Race
- Color
- National origin
- Gender identity
- Gender expression
- Sexual orientation
- Age
- Body size
- Disabilities
- Appearance
- Religion
- Pregnancy
- Military status
- Social demographic
Participants asked to stop any harassing behavior are expected to comply immediately. Our zero-tolerance policy means that we will look into and review every allegation of violation of our Event Community Guidelines and Anti-Harassment Policy and respond appropriately. To report any behavior that makes you or others feel uncomfortable, send us a note at flutter-engage-community@google.com.
This policy extends to talks, forums, workshops, codelabs, social media, all attendees, partners, sponsors, volunteers, staff, etc. You catch our drift. Google reserves the right to refuse admittance to, or remove any person from, any Google- hosted event (including future Google events) at any time in its sole discretion. This includes, but is not limited to, attendees behaving in a disorderly manner or failing to comply with this policy, and the terms and conditions herein. If a participant engages in harassing or uncomfortable behavior, the conference organizers may take any action they deem appropriate, including warning or expelling the offender from the conference with no refund or blocking the offender’s account from participating online.