Search the Community

Showing results for tags 'phaser'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 3,313 results

  1. I am developing a game where my player has to look to see forward when I am pressing right arrow key. But how can I make it look reverse after pressing left arrow? I can create a sprite of reverse look but how can load that while pressing left and at the same time forward player should be destroyed?
  2. real2412

    Kid Rat, Game platform clasic

    Hi guys, I share a litle game that I did in my free time the link is the following: https://real2412.github.io/kidrat/ I also converted it into apk with cordova, although it is a version in Spanish and I have no idea how to remove the cordova icon. In case you want to see it look for it in google play as "KidRat". It is open source you can check it in the following link: https://github.com/real2412/real2412.github.io/tree/master/kidrat Greetings.
  3. I'm trying to create platforms for my player to jump onto and also make collectible stars. I can create these sprites using functions, but I don't know how to make physics work on them so that the character can jump on the platforms and overlap with the stars. The problem is that the physics portion doesn't work when I call it in the update function. I am also not using tilesprites, so it can't work that way. create: function() { addStar(star1); }, update: function() { removeStar(star1); } addStar(name) { name = game.add.sprite(1700, 550, 'star'); name.anchor.setTo(0.5, 0.5); this.game.physics.enable(name, Phaser.Physics.ARCADE); name.body.collideWorldBounds = false; name.enableBody = true; name.body.immovable = true; } removeStar(name) { if (game.physics.arcade.overlap(character, name) == true) { name.destroy(); updateScore(); } }
  4. maninduw

    Using Phaser for FB Instant Games

    Hi, I am planning to develop a game for Facebook Instant Games platform using Phaser. Should I choose Phaser 3? or should I continue with Phaser 2 ? Is there a huge difference in the APIs of both version? . I would highly appreciate your opinion on this. Best Regards
  5. Does anyone know how to pass data into the game scene in Phaser 3 as you could do in Phaser 2 when started a state? game.state.start('Game', true, true, { data: 'this is some initial config' }); Phaser 3 Scene was Phaser 2 State, which you could provide parameters, the 2-3rd was as i remember caching, the 4th could be and data, which became available in the State's init() {} method as init({data}). In Phaser 3 a Scene has a second, data param, but it is not clear how it is used, the init method is not getting it, and the documentation is not ready for that as far as i know.
  6. Hemanthraj

    how to make bingo game using phaser

    Hello everyone Im new to phaser, i need to make bingo game So please share your knowledge.
  7. 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?
  8. Play Link: Pixel Memory Find all card pairs, level your profile & unlock new cards in this “Memory” classic optimized for mobile! Play Link: Pixel Memory Welcome to the "Memory" classic, expanded with new features & optimized for mobile! Game Features: Play the “Memory” classic in this mobile game. 3 Difficulties: Easy, Medium & Hard. Level up your profile & unlock more cards. Browse your collection to see which cards you’ve already unlocked. 4 card deck skins: Choose the one you like best! View your profile for your game stats & best scores in all difficulties. Gameplay: Find all the matching card pairs on the table. Find them before you run out of guesses. Unlock all the card packages in the game. Controls: The whole game requires only click inputs and is perfectly optimized for mobile! Credits: The game was developed solely by me. All assets in this game were either done by me or from the CC0 assets linked below. These sources are also credited inside the game: Play Button Name: Cartoon Mobile Rounded Icon Buttons Author: Nathan "GDquest" Lovato, https://opengameart.org/users/gdquest, http://gdquest.com/ URL: https://opengameart.org/content/cartoon-mobile-rounded-icon-buttons Explosion Sprite: Name: 2D Explosion Animations #2 | Frame by frame Author: Sinestesia, https://opengameart.org/users/sinestesia, http://www.sinestesiastudio.com/ URL: https://opengameart.org/content/2d-explosion-animations-2-frame-by-frame http://bit.ly/2C6Bi8b Audio: http://www.freesfx.co.uk/sfx/ Play Link: Pixel Memory
  9. MrBalling

    Mr. Balling

    Hi Everyone, I just released a game made with Phaser 2 called Mr. Balling. Used cordova to deploy it to Android and iOS. It is a simple arcade game that is supposed to be a throwback/retro arcade game. You bounce around on the screen and when you hit a ball you orbit it, once you tap on the screen you fly off. The objective is to stay alive in the middle of the screen bouncing from ball to ball, while avoiding red balls and the left and right sides of the screen. Feel free to leave feedback or thoughts about the game, I'm new to game development, but hope to keep doing it. Apple iOS App Store: https://itunes.apple.com/us/app/mr-balling/id1351628591?ls=1&mt=8 Android Google Play Store: https://play.google.com/store/apps/details?id=com.ogradybj.mrballing More info on the game. I came up with this idea about 10 years ago and had actually made working copies in python a few times, using pygame and kivy, but once I got into phaser I fell in love, it was super easy to get stuff working right away. As mentioned I packaged it up with cordova. I'm a Mechanical Engineer, not a software engineer, so sites like this were instrumental in figuring out how to get phaser to do what I wanted it to do. I used Piskelapp to do all of the assets. I used beepbox to make the music. It was fun having do figure out everything that goes into releasing something like this. Obviously as you can see it is a pretty simple premise for a game. However, I plan to make a sequel extending the game mechanic more. Also tried to make a pseudo dev-log, still under construction, but you can find more info at www.mrballing.com Screenshots of the game, title screen and several screenshots during the game as well as gameover screen. I did high score tracking using firebase.
  10. Balamurugan

    Create Roulette game

    This is the Demp - http://showcase.codethislab.com/games/roulette/ Hai, Am a beginner for phaser, i want to create a phaser roulette game. it is possible to create game like us. (physics, animation, tween) These option are there in phaser. but still i don't know where to begin this game. which one is best. Please share your instruction, I need lots of instruction, for spin wheel like demo. Please share your knowledge. Thanks lot..
  11. Loonride

    Coding Slither.io in One Week

    Check out my new video about my one week Slither.io project with JavaScript and Phaser!
  12. I had a problem, wanted to ask for help here, solved it and thought to post it here for future reference and help others. I found this solution through trial and error while browsing older topics on the subject on html5gamedevs (thanks to all the guys who posted them) and some other sources. PROBLEM: How to load a custom font in Phaser without using bitmap fonts and how to make it display Cyrillic, Turkish, French and other "non-english languages". SOLUTION: 1)Create the required folders. I'm using an Assets folder next to index.html and that's where everything should be. Create a Css folder and a Fonts folder inside Assets folder (Assets/Css and Assets/Fonts). 2)Create a css file inside the Css folder called "fontLoader.css" and use the following settings (obviously use your preferred font and name it accordingly but be careful at the url path - it's one of the reasons I struggled to get it working in the first place) @font-face { font-family: "peace_sans"; font-style: normal; font-weight: 400; src: url("../Fonts/peace_sans.otf"); } 3)Place your .ttf or .otf font inside the Fonts folder. Make sure the name from the code above coresponds to the name of the font. In my case I've put the file peace_sans.otf inside the Fonts folder. 4)Open the index.html file inside your favourite text editor and add a link rel line pointing to your css file <!DOCTYPE html> <html> <head> <link rel="stylesheet" type = "text/css" href = "Assets/Css/fontLoader.css"> <title>My Game</title> <script type="text/javascript" src = "Assets/Scripts/phaser.js"></script> <script type="text/javascript" src = "Assets/Scripts/boot.js"></script> <script type="text/javascript" src = "Assets/Scripts/play.js"></script> </head> <body> </body> </html> 5)Now you're all set but if you try using the font in your game it won't work because it will have to be preloaded in some way. There are 2 well known hacks - first it's to create an html element using the custom font and put it somewhere out of sight. I do prefer the second approach because it involves less html/css tinkering. Here it is (thanks html5gamedevs user who's name I cant remember): Add text in in a game state that happens before your play game state - in my case I've used the boot game state. Notice the line containing this.game.add.text - it creates a 1px text using the custom font I need and it doesn't matter because it won't be visible and the boot phase it's very quick anyway: var bootGame = function(game){}; bootGame.prototype.create = function(){ console.log("Booting game"); game.physics.startSystem(Phaser.Physics.ARCADE); game.state.start("loadGame"); game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; // game.world.setBounds(0, -651, 900, 1131); game.stage.backgroundColor = "#007f5f"; //fps game.time.advancedTiming = true; //HACK TO PRELOAD A CUSTOM FONT this.game.add.text(0, 0, "hack", {font:"1px peace_sans", fill:"#FFFFFF"}); } bootGame.prototype.preload = function(){ } Now I can simply call in my play game state the following and it will work using my custom font: var style = {font: "55px peace_sans", fill: "#eeeeee"}; this.game.add.text(0,0,"My Custom Font Works", style); 6)Now the final issue - displaying characters that are not english - like cyrillic, turkish etc. First you'll have to check if the font supports them - you can see this from the website where you download it (Font Squirrel has a nice feature to search fonts by supported languages) - in my case Peace Sans (the custom font I'm using) supports russian. Let's try and change the text to "игра" - which means game in russian. var style = {font: "55px peace_sans", fill: "#eeeeee"}; this.game.add.text(0,0,"игра", style); But the text will show some mumbo jumbo characters like this: Why oh why? You won't believe it but it's because of the encoding of the .js file where you're calling your code from. On my system changing the encoding of the .js file to Unicode will display the russian text correctly There are a couple of ways to do this. First you can simply open the .js file in Notepad (yup, the good old windows notepad) and Save As - then choose an encoding from the encoding drop down menu - Unicode in my case. In case you're wondering why is it grey it's because I'm using a custom Windows Theme. The second way it's addressed specifically to Sublime Text 3 users. So sublime text will save text files by default in UTF8 which will display bad characters. To correct this you'll have to choose File > Save with Encoding > UTF 16 LE with BOM - it's the one that works and displays characters correctly.
  13. NicoA

    [WIP] Bugs with GUNS

    Hello! I want to show the first 5 lvls of my second phaser game (v2.6.2), here is a picture of it: And the link: https://sumonbugs.herokuapp.com/ It work in PC and cell phones. It is a little laggy in some android devices. I will be great if you can test it and tell my what you think. Thanks!
  14. Hello all, My name is Alexander and I am a professional HTML5 game developer from St Petersburg.I'd like to present you my new HTML5 game HyperDiver: https://playerburg.com/games/hyperdiver/ It is a dungeon crawler game in a minesweeper style with role-playing elements (collect loot and upgrades system) in a space setting. The game is also available on Google Play, in popular Russian social network and on some online games portals. The game was developed with Phaser framework. Server side was implemented as REST API with PHP+MySQL: leaderboards, ratings, registration, authorization There are lots of game-design ideas still not implemented because of the lack of resources. And I learned a lot while working on this project. I've improved my skills as a game-designer and as a programmer also. There were lots of difficulties in the working process and the current minimalistic and simple version means that more than 50% of the implemented features were removed at all. I'm novice in a game marketing and I don't exactly know how to promote my game so I don't monetize it now. If you are publisher and you think that this game has future, I will be glad if you help me to publish and promote it together as partners. I can modify the game in accordance with your request: add more features or implement any possible API. Making a game even so simple like mine is a great journey and I wish everybody to have this kind of experience! Good luck to all! Regards, Alexander
  15. Am using phaser 3 es6. i don't know how to use smartfox server api. How to import sfs api. Please share your knowledge. Thank you..
  16. rhysperry111

    Destroying characters

    I have a game and am trying to destroy a character. When I use it just says
  17. Amberalex

    Fire weapon via loop

    Hello. I am using phaser weapon plugin and want fire in forEach loop: var weapon = game.add.weapon(10, 'bullet'); enemies.forEachAlive(function(enemy){ if(enemy.name == 'p1'){ player.rotation = game.physics.arcade.angleBetween(player, ednemy); weapon.fireAtSprite(enemy); } }); If I have 5 enemies in a row, and only 3 if them have name = p1, after executing this code, player sprite is rotate to the last enemy, but there is only one bullet. What can I do here?
  18. Amberalex

    Set bullet property

    Hello. I am using weapon.fire() function and I want to set special property for bullet, that apear after calling this function. I tried to use forEach: weapon.bullets.forEach(function(bullet){ if(bullet.target == undefined){ bullet.taget = 'prop1'; return; } }); weapon.fire(); but this does not work.
  19. I started working on game, which I would like to publish on Android and ios market. How I can set resolution or scale game to most popular devices? I found on google that the most popular resolution is (480, 320) var game = new Phaser.Game(480, 320, Phaser.CANVAS); I test my game (sample asstes) on Asus Zenphone GO (resolution: 720 x 1280 pixels) and this is how it looks (white space on top and sides). How developers scale their games to fit all phones?
  20. I've used a Tiled Map with my project before and it worked perfect, however the second map I made has a black bar on the right and top. I can move into the black space but the Camera will not allow me to move left off screen. My canvas is set to this resoltuion var game = new Phaser.Game(640, 480, null, 'gameDiv'); This is how I load my assets preload: function() { game.stage.backgroundColor = '#000000'; game.load.tilemap('level0', 'assets/map/Level0.json', null, Phaser.Tilemap.TILED_JSON); game.load.image('tiles0', 'assets/map/[TILESET]Dirt-City.png'); } This is the code in my play.js create function. create: function () { var map = game.add.tilemap('level0'); map.addTilesetImage('[TILESET]Country', 'tiles0'); this.layer = map.createLayer('Tile Layer 1'); game.world.setBounds(0, 0, 640, 4800); this.player = new Player(300, 4700); } My camera updates it's location based on that of the player like so player.update = function() { game.camera.x = this.x - 150; game.camera.y = this.y - 300; } I have been trying to figure out this problem for quite some time, any help is greatly appreciated. Thank you.
  21. Del Piero

    Learn: Phaser 2 or Phaser 3?

    Hi guys! I need some help. I want to begin to learn phaser , but I don't know if I study the 2 or 3 version , I'm completely newbie. sorry for question.
  22. luisb

    Phaser 2.10 game responsive

    Hello everyone, I have been trying different solutions to make my game full responsive, without success, the solutions I found are very old and not with the new versions of Phaser CE. Please, I need help with this urgently. Can someone tell me how to make full responsive my game both at the beginning and when the resolution changes? I work with angular 5 like container and Phaser CE 2.10.....
  23. whalleyrulz

    Resize method not firing? At all?

    Hey, I'm kind of stuck trying to work out what's happening with my game. I've been having issues getting my game responsive, so I tried... well, everything I can think of, really. I've brought my game all the way down to four near-empty files; boot.js, preload.js, menu.js and app.js, and I'm getting nothing on resize events. I'm using Phaser 2.6.2, I've got "this.scale.setMode = Phaser.ScaleManager.RESIZE" in my boot.js's init function, I've got a resize handler in my menu just titled 'resize' with nothing but "console.log('resize')" inside of it, and nothing happens on resize. I don't understand at all. I found a guide someone put together that has really similar architecture to my project (http://www.netexl.com/blog/making-of-a-responsive-game-in-phaser-part-2/) and even looking at that person's game.js in dev tools and comparing against my game, I can't see how we differ (outside of me keeping my various methods in separate files) or how I've screwed up. Resize just plain doesn't fire on my project, even when it's as simple as logging something to console. Note: I'm able to get other things to log to console just fine, it's just that the resize method doesn't do what it's supposed to do. I'd like to be able to show the whole code for my project if possible, but I fully understand why that's not - if it helps, I can stick all my barebones stuff into a single file and huck it up on jsbin or something similar. Still - does anyone have any clue where I could start looking as to why setting my ScaleManager to RESIZE doesn't fire my resize command?
  24. newbie11

    problem about my html game

    Good day! Hi sir! i know its a bit weird messaging you directly but i really seeking for some help about the game that i create i am new to this kind of thing so i really need your help. The problem is my game didnt run when i add a sequence like boot>preload>game>end, but before it is running completely fine but only does is the game like when you run it it directs to the game so i thought off adding those states. I know it is not that kind of serious like the others but i really need your help Thank you! ps : my grammar and english is not that good bec im from ph hehe.. index.html phaser.min.js boot.js game.js load.js menu.js play.js win.js
  25. This is my first Phaser game. I have used Phaser with Cordova to build it for Android. Find the link to Playstore below: https://play.google.com/store/apps/details?id=com.kep.ninjarun.NinjaRun Can share some code if anyone needs some help with their game development.