We host our static assets on Firebase Hosting.Here is an architecture diagram showing how we used each product for different features in the app: Architecture diagram showing how each product was used for different features in the app We leveraged several Firebase products to build this app. As each player completes their game, their scores are calculated and a winner is declared. Multiplayer mode works like single player mode, while letting all players view each other’s progress. Players are awarded a ranking on the daily leaderboard and offered the chance to play again.įirebase added multiplayer functionality to Quickdraw, giving players the ability to create shareable game rooms and invite up to four players to play Quickdraw in a room. Once the game is completed, the app calculates the player score. The game repeats this process for 6 rounds.The bot either guesses correctly and the game allocates points to the player based on time remaining, or the timer runs out and the player is awarded no points.After the player begins drawing the object, the AI bot (which is unaware of the object’s identity), attempts to guess what the user is drawing.When the game starts, the app selects a random object from a list and a timer begins.Here’s a quick rundown of how the app works: The original app began as a collaborative hackathon project inspired by Google QuickDraw, and was built from scratch with Firebase. Let’s dive right in! Adding Multiplayer to the existing app Monitor the performance and stability of your app with Google Analytics and Firebase Performance Monitoring.Host your static assets on Firebase Hostings global CDN.Use Cloud Functions to clean up app data, call APIs, and keep your app secure.Add multiplayer functionality to your web app with Realtime Database.

Our hope is that this article will help you: We learnt a ton during the development process and we wanted to share what we discovered.

This year, we wanted to expand on that experience by adding a multiplayer mode. The original app was built to help us understand the challenges that app developers face when they build their own apps. This web app features an AI bot that tries to guess what the user is drawing based on a given prompt.

Visitors to this year’s Google I/O and Adventure and Firebase Summit 2021 got the chance to play our demo app: Firebase Quickdraw. JBuilding Firebase Quickdraw Multiplayer Banner Build a multiplayer game with Firebase

Quickdraw google