Finally, we draw the image we've loaded from Facebook. We draw an arc to it, just using the normal canvas operations, but set it to be a clipping path.

Here we create a new Canvas Texture called playerMasked. Var source = ('player').getSourceImage() There are lots of ways to achieve this and here I'll present one of them: using a Canvas Texture object.įirst, let's add a new function: addRoundedPlayerPhoto (key) Perhaps to make it into a circle, or add some kind of mask to it. Very often you'll want to modify the player's photo. ('filecomplete-image-player', this.addPlayerPhoto, this) įor a complete list of all the properties available, such as playerName, please see the plugin API documentation. The game starts by calling fbinstant.initialize() and fbinstant. Implementation details Step 1: Init and game start. Since then, Facebook has grown to 1.79 billion users, yet. This project uses the generic Tic Tac Toe example game which can be found in this repository. At the end of its desktop era in Q4 2012, Facebook earned 256 million in payments, largely from games, off its 1.06 billion users. Let's use this to show the player's name and photo: class PlayerDetails extends Phaser.Scene ) This is a Tic Tac Toe game made with Defold for Facebook Instant Games. The core app and player details are already available from the plugin, which means you can access any of the following: property

By Richard Davey on 16th October 2018 that we've received the all important startgame event from the plugin, we're in a position where we can access the SDKs features.

Facebook instant games