Search the Community

Showing results for tags 'facebook'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 51 results

  1. Hi there. Does anyone had a pleasure to build a Facebook Instant Game? I've spent two days trying to scale my Phaser game in the Facebook for Android. Currently scaling works nicely on desktop, in a responsive viewport of the dev console, in the mobile Chrome -- namely everywhere, except the Facebook app. Seems like it just ignores my settings, sprites are displayed at full width, despite the canvas (and game) dimensions are correct. Here are my init and boot scripts, the scaling logic is copypasted from a random gist: // init code FBInstant.initializeAsync().then(function() { FBInstant.setLoadingProgress(50); FBInstant.setLoadingProgress(100); FBInstant.startGameAsync().then(function() { /** Config part */ var FIXED_SIZE = 720; var FIXED_MEASURE = 'Width'; /** Name mapping */ var fixedName = FIXED_MEASURE; var resName = fixedName === 'Height' ? 'Width' : 'Height'; var FIXED_NAME = fixedName.toUpperCase(); var RES_NAME = resName.toUpperCase(); /** Measures of document */ var documentElement = document.documentElement; var documentFixed = window['inner' + fixedName]; var documentRes = window['inner' + resName]; var ratio = documentRes / documentFixed; /** Canvas measures */ var canvasFixed = FIXED_SIZE; var canvasRes = FIXED_SIZE * ratio; var screen = {}; screen['CANVAS_' + FIXED_NAME] = canvasFixed; screen['CANVAS_' + RES_NAME] = canvasRes; console.log(screen.CANVAS_WIDTH); console.log(screen.CANVAS_HEIGHT); game = new Phaser.Game(screen.CANVAS_WIDTH, screen.CANVAS_HEIGHT, Phaser.CANVAS); game.state.add('Boot', Boot); game.state.add('Preload', Preload); game.state.add('GameTitle', GameTitle); game.state.add('Main', Main); game.state.add('GameOver', GameOver); //Start the first state game.state.start('Boot'); }); }); // boot code var Boot = function(game) {}; Boot.prototype = { preload: function() { }, create: function() { this.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT; this.scale.pageAlignHorizontally = true; this.scale.pageAlignVertically = true;;"Preload"); } } Would appreciate any help!
  2. As the opportunity to submit an HTML5 game to instant games is open now, I want to convert some of my most interesting HTML5 games to be played in messener. Facebook published a very good sample, I wonder, is there Phaser 3 or Phaser 2 specific instant game sample?
  3. Does anyone know if there is a loader for .GLB files? I know there is one for .gltf Facebook is allowing posting of 3D models but they must be in .GLB format. You can see one of my posts here with my 3D scan I just thought it'd be cool to have a local viewer that I can create with BabylonJS to preview the .GLB files before uploading to Facebook.
  4. Hi There! I wanted to ask you if someone knows how to publish a HTML5 game on Facebook, as developer do we need any documentation for it? I've this information already, it would be great to connect with someone that has experience on it! Thank you so much
  5. Facebook Messenger Inspired Basketball game

    Hi, this is my first HTML5 game using Phaser, I found this gem because I have a project to create a basketball game and it is very similar from what I needed. My concern is how can I remove the frame drop. Because every time I play the frame drops ridiculously. Both in Desktop Chrome and Smartphone Chrome. All the assets are in low resolution. I can't find a fix why this happens. I hope someone can help me. Thanks!
  6. I'm looking for an html5 developer to use my assets in a new game. The game was on iOS for a while, but I'd like to make it for html5 and eventually, Facebook. I have all the assets, including visual and audio. We would just have to decide on game mechanics. Here is a video of what the game looked like on iOS: This isn't a paid job, but I'm sure we can figure out a way to split any revenue earned.
  7. I'm looking for an html5 developer to use my assets in a new game. The game was on iOS for a while, but I'd like to make it for html5 and eventually, Facebook. I have all the assets, including visual and audio. We would just have to decide on game mechanics. Here is a video of what the game looked like on iOS: This isn't a paid job, but I'm sure we can figure out a way to split any revenue earned.
  8. [Canvas API] MatchBalloons

    Free Multiplatform Game available on Android, Facebook and Chrome Web Store.Soon iOS and Windows Phone versions will be added.Project website: PlayStore: Web Store: comments and suggestions are welcome!
  9. Dirty Deer (facebook game)

    Hi! today app center(facebook) submit my Game. Made with Phaser, You can Play Game now
  10. Phaser login/signup form

    Hi, I am developing a game in phaser but I am newbie yet. I want to create a login/signup/fb form in the main screen of the game. I did a html form in the index.html of phaser, but I have some doubts. How could I achieve the communication between the html and the scenes of phaser? I created global variables, but I think that is not a good practice. Are there any options to use a state from html like MyGame.MainPage.startGame()? This is the js script of the index, the function is associated to login button: function login(){ user = check_user_in_db(); if(user){ //If the login is correct variable.startGame(); } } This is the MainPage scene of Phaser: /*********************NAMESPACE********************/ var MyGame = MyGame || {}; /**************************************************/ /******************INIT APP SCENE******************/ MyGame.MainPage = function(game) { variable = this; }; MyGame.MainPage.prototype = { init: function() { }, // init preload: function() { //load Sprites }, //preload create: function() { //create Buttons }, // create shutdown: function() { }, // shutdown startGame: function(){ this.state.start("Menu", true, false); } };
  11. At PlayCanvas we've just launched our latest game. It's an Instant Game on Facebook Messenger called Master Archer. It's a simple idea, fire your bow and hit the fruit, but don't hit the boy! The game was made in-house at PlayCanvas and we used the Spine Plugin to do the animation. The game is designed for mobile (playable in Messenger and your Facebook news feed) but it works great on desktop too. Challenge your mates in Messenger now or you can try it from the Facebook page. Or if you're not a Facebook user try it on our site.
  12. I have searched everywhere and I can't find an answer to this. I'm trying to find out how you get content with a webGL canvas embedded automatically when posting up a website. An example is this link here: If I post that up on Facebook, users can click on it and spin the 3D model around within their timeline. It was only recent that Sketchfab was able to do this so I'm not sure if its a coding trick or some kind of arrangement made with Facebook to allow it. I'd really like users to view 3D content within their Facebook timeline, without having to open up a new website tab.
  13. Hi All; I'm trying to revive an game I used to run back in 2010 on facebook, back then we used flash/AS. it's a simple dice game, would like to start with single player, but might want to add mulitplayer in the future, but that's not a priority now. I'm looking for someone who's committed as i have other web projects that might require attention, please mail me at tamerokail -at-gmail with some example work and hourly rate. thank you!
  14. Social how to ?

    Is there an example of how to share like on facebook or twitter ?
  15. Hey guys, Anyone knows App Links on Facebook is working with HTML5 games? In official Facebook documentation I found solution only for native apps. Ref:
  16. Hi everyone, I just posted my last game, Gore San Fermin, on Facebook and on Gamejolt. I don´t know if you guys know the San Fermin, that spanish bull running thing... well, this is an "alternative" versión, you´re the bull and you´ve to kill/destroy everyone The idea was to post it only on Facebook, but it seems that there´s a bug with Facebook and Canvas games and the link gives an error on mobile browsers, not my fault, it´s on the Facebook side (and if someone can help with this, it´ll be really appreciated). I wanted to test some Firebase stuff, leaderboards and login and seems to be working pretty well, the code is not ofuscated so if you wanna check it, just do it. Let me know whatever you want about the game. Thanks.
  17. Phaser Facebook integration

    After many hours of looking on this forum and not only it's time to ask directly for help. So guys my problem is how to integrate game request after click on exactly button. Here is integration with Facebook via .html file and it works correctly, the problem is how to do request acction after click button. When I applied code for request in .html file it was good, the problem is, directly after login there was window to send request - I don't want like that, I want after click. <script> window.fbAsyncInit = function() { FB.init({ appId : '611658819003576', xfbml : true, version : 'v2.6' }); // ADD ADDITIONAL FACEBOOK CODE HERE function onLogin(response) { if (response.status == 'connected') { FB.api('/me?fields=first_name', function(data) { var welcomeBlock = document.getElementById('fb-welcome'); welcomeBlock.innerHTML = 'Hello, ' + data.first_name + '!'; }); } } FB.getLoginStatus(function(response) { // Check login status on load, and if the user is // already logged in, go directly to the welcome message. if (response.status == 'connected') { onLogin(response); } else { // Otherwise, show Login dialog first. FB.login(function(response) { onLogin(response); }, {scope: 'user_friends, email'}); } }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); = id; js.src = "//"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> Now it's time for phaser code, I tryed many many ways, it seems to me this is the closest create : function () { // this.onClick(); this.invite(); }, onClick : function () {""); }, invite : function () { window.fbAsyncInit = function() { FB.init({ appId : '611658819003576', xfbml : true, version : 'v2.6' }); FB.ui({method: 'apprequests', message: 'Play with me in InfiniteHell!' }, function(response){ console.log(response); }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); = id; js.src = "//"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); } I guess it should be something with "window", the test "onClick" works perfectly. With Twitter share here should be just link, but with Facebook API I can't get it... - Intel XDK Debugger after click (with active "invite" function) doesn't show any errors, just blank page, - Firefox doesn't do anything, just stays in the same state - Menu, also without any errors in console - Chrome just shows this kind of error, nothing more, but I'm not sure it's about that... sdk.js:88 Uncaught TypeError: Cannot set property 'innerHTML' of null sdk.js:88 Uncaught TypeError: Cannot set property 'innerHTML' of null Any tips for beginner? It's my second game and first in Phaser, everything is working well expect integration with FB, maybe wanna help?
  18. I have tested already on Safari on Mac, Chrome on both desktop and mobile and various Android default browsers, and FB.login works fine (on desktop it's the modal and on mobile it's a new browser window/tab). However, it's not working on any iOS 9 device I've tested. My code looks like this (TypeScript, "this" in the code it's a Phaser.State object): var playbtn =, 0, 'play-btn'); playbtn.inputEnabled = true; playbtn.onInputDown.add(() => { console.log("INPUT! Calling Facebook login..."); FB.login(() => { var response = FB.getAuthResponse(); console.log(response); /* REST OF LOGIN CODE */ }, {scope: 'public_profile, email', return_scopes: true}); }, this); The game is online right now ( for testing. It's a mini game I'm making for a local store Has anybody called FB.login from inside Phaser? What do I have to do for it to work?
  19. When I open my game from mobile facebook app (through the link of post), I get the bottom part cutted. Is there any work around?
  20. Browsers within Facebook

    Hi, I have question about mobile facebook's own browser. Do I have to treat this as chrome, safari or firefox? Is there any good read, reference about it?
  21. Hi, I am new to phaser, node.js, ... Actually i am a desktop developer, i just jumped into this new area of what you guys call it HTML5 stuff, so i wondered for my project, combination of Phaser.js, Node.js, Facebook API would work on web and mobile? ( would work great on web as i know, but what about mobile phones?!) and how to port it to mobile?! would it cause a CPU/RAM (resources) bottleneck because of javascript in comparison of Native app programming?! Thanks in advance for answering
  22. Facebook games and Phaser

    I am looking for a good tutorial about create games for Facebook using Phaser. Do you know anyone? Thanks
  23. multiplayer game for facebook

    Hi all We are a small team and we would like to develop a turn based game similar to hearstone (simple graphics, mainly static) to be played inside a facebook frame (mobile version is not a priority at the moment but it's a nice to have feauture) We would like to make money with in-app purchase For the end user graphics we would like to develop with the intel xdk (we still have to decide the right framework phaser, cocos etc), but the real question is for the server side: a dedicated server on aws with custom development or something like any other ideas ? MT
  24. Hi, I added a very simple minigame using Phaser to Facebook here: I used the Facebook smash game lib here: and currently only utilized the friend request for share but might use the Facebook highscore share that's in their example for chip sounds I used this amazing vst for simple Facebook rev generation I used CPMstar: (which is allowed on Facebook) Connecting Phaser games to the Facebook Api using the smash code is ultra simple, at the end of their social.js class found at above link I just added this at end of class: function logFromGame(){ FB.init({ appId : 'ADD YOUR APP ID HERE', xfbml : true, version : 'v2.5' }); FB.Event.subscribe('auth.authResponseChange', onAuthResponseChange); FB.Event.subscribe('auth.statusChange', onStatusChange);} then once the Phaser game was loaded I called this method, then just made sure the Phaser game was added in the html before the social.js You might be asking "do people still play games on Facebook", yep and it seems they like very very simple html5 games made with Phaser! It seems better than submitting games the old skool way to arcades. Ian
  25. Babylon and Facebook?

    Hello, I am curious if it is possible to view babylon scenes directly on facebook? I saw you were able to post SketchFab objects a while back