GithubHelp home page GithubHelp logo

thygrrr / firebasewebgl Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rotolonico/firebasewebgl

0.0 2.0 0.0 2.44 MB

A Unity package that makes use of the Firebase Javascript SDK to implement the basic Realtime Database functions on WebGL builds.

Home Page: https://rotolonico.github.io/FirebaseWebGLImplementation/

C# 86.73% ShaderLab 11.50% HLSL 1.62% JavaScript 0.15%

firebasewebgl's Introduction

FirebaseWebGL

A Unity package that makes use of the Firebase Javascript SDK to implement the basic Realtime Database functions on WebGL builds

Installation

  • Copy the FirebaseWebGL folder into your Unity project assets folder.
  • Consider also adding the RestClient, Fullserializer and Textmeshpro folders to get the project fully up and running.
  • Alternatively, you can import the latest .unitypackage from the repository releases.

Usage

  1. Call any of the basics Firebase Javascript SDK functions from the FirebaseBridge.cs class
  2. Build for WebGL
  3. Include the Firebase app configuration in the index.html file generated by Unity (you can use this tutorial here).
  4. Finally, make sure to also include the Firebase SDKs you need to use in your App (You can find a list of services here).
  5. EXTRA STEP: Earlier in 2021 Unity made some modifications to their WebGL library. The following line (this.unityInstance = unityInstance) must now also be added in your index.html, when the unityInstance is created (after the }).then((unityInstance) => { line) so that your app can properly comunicate with Unity.

Services

  • Realtime Database
  • Authentication
  • Cloud Functions
  • Storage
  • Firestore

Additional info

  • You can find a working implementaiton of this package here
  • For Storage, you'll also need to set up cors for your bucket. More info here or in the README.txt file in the Storage example in the project.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.