Search the Community

I was just playing with physics, I start to adding shapes and a ball, playing around with forces and moving objects and end up with this little toy, I really like the result and I decided to publish it on my site, I add a single button to shoot. I hope yo like it. http://c1ic.mx/hoops/

Hi all! I made some improvements to my web games site 1 Pixel Army, now it has 4 games (all made with Phaser). I'd be happy to receive suggestions for improvement. You also have the option to place a free ad as well, to promote your game/project/whatever, you just have to sign in with your Google account. Hope you enjoy the games, and spread the word!

Hello! I'm glad to present you my new game Neon Dunk: http://powerthemes.eu/neondunk Both exclusive and non-exclusive licenses are available for now.

Hi, this is my first HTML5 game using Phaser, I found this gem https://github.com/BonbonLemon/basketball 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!

This past weekend, I took a break from working on another game I'm working on called Space Pizzas (here's the forum post) to try out a couple web development technologies I hadn’t previously used: GlimmerJS and TypeScript. If you're not familiar with Glimmer, it is a component library (like React) with quite a bit more tooling (like Ember). And if you're not familiar with TypeScript, it is superset of JavaScript that adds a type system in the hopes of making big applications less fraught with peril than your typical big JavaScript app.Using the above technologies, I made a game called Croissant Hoops in the vein of Qwiboo’s Ball King. The idea of the game is to use the mouse or touch to drag an arc that will place the basketball into the hoop. I also added a slider that changes the games gravity (I mostly did this to try out the property bindings in Glimmer).The game can be played at hoops.spacepizzas.com.Here’s a GIF of Croissant Hoops: In case anyone is interested, I put the source code on GitHub. The game is made directly on an HTML <canvas>. If I were going to go any further with this game, I'd probably use a framework like Phaser, but I think I'll probably leave the game as it is for now.

Hi all! I've put together a couple of HTML5 games in my website (www.1pixelarmy.com), so you can play them ;). There are three finished games (Basketball Legends, Pool Master and Bear Rescue), and another one in development (Soccer Stars). I made my own leaderboard system, you can play as a guest or create an account to save your scores. I'm planning to add Google login as well. Feel free to play, test, suggest, comment, etc! David

Hi all! Just uploaded my second Phaser game. I made a port of my Android's Retro Basketball game, using MSX palette. You can play it from your browser here: http://1pixelarmy.com/html5_games/retro_basketball.html If you're interested, you can also download it here for your Android device (Android version is native, not HTML5), currently it has >20k downloads! https://play.google.com/store/apps/details?id=com.sku.retrobasket Any comment or suggestion will be very welcomed! Best regards, David

Hello, I am trying to make a small basketball free-throw game similar to the emoji basketball game on Facebook. I was following along with an example from Phaser (World Bounds Event) to try to respawn the ball when it hit the edge of the screen. I've tried to implement that below (see code) but the respawn function never fires. Does anyone know what I'm doing wrong? Envirolympics.TestGame = function (game) { //Variables this.score = null; this.scoreText = null; this.ball = null; this.net = null; this.leftMarker = null; this.rightMarker = null; this.launched = false; this.lastPointerPos = null; //Constants this.GRAVITY = 980; this.SHOOT_FORCE = 850; this.EDGE_CUSHION = 10; }; Envirolympics.TestGame.prototype = { create : function () { //Load net sprite this.net = this.game.add.sprite(this.game.world.centerX, 100, 'net'); this.net.anchor.setTo(0.5); //Add hoop children markers this.leftMarker = this.net.addChild(this.game.make.sprite(-50, 40, 'marker')); this.leftMarker.anchor.setTo(0.5); this.rightMarker = this.net.addChild(this.game.make.sprite(50, 40, 'marker')); this.rightMarker.anchor.setTo(0.5); //Load ball sprite this.ball = this.game.add.sprite(this.game.world.centerX, this.game.world.height - 100, 'ball'); this.ball.anchor.setTo(0.5); //Setting up the physics environment this.game.physics.startSystem(Phaser.Physics.ARCADE); this.game.physics.arcade.gravity.y = this.GRAVITY; //Setting up the ball physics this.game.physics.arcade.enable(this.ball); this.ball.body.bounce.setTo(0.35); this.ball.body.moves = false; this.ball.body.velocity.setTo(0, 0); this.ball.body.allowGravity = false; this.ball.body.collideWorldBounds = true; this.ball.body.onWorldBounds = new Phaser.Signal(); this.ball.body.onWorldBounds.add(this.respawn, this); //Enable input this.ball.inputEnabled = true; this.game.input.onDown.add(this.track, this); this.game.input.onUp.add(this.launch, this); //Initialize this.score = 0; this.scoreText = this.game.add.bitmapText(10, 10, 'pixel', this.score, 36); this.lastPointerPos = new Phaser.Point(0, 0); //For mobile Phaser.Canvas.setTouchAction(this.game.canvas, "auto"); this.game.input.touch.preventDefault = false; }, update : function () { //TO DO: //detect collision with net markers //determine if scored //respawn }, track : function () { //Update the last finger position this.lastPointerPos.x = this.input.x; this.lastPointerPos.y = this.input.y; //Set the ball physics to be still this.launched = true; this.ball.body.moves = false; this.ball.body.velocity.setTo(0, 0); this.ball.body.allowGravity = false; }, launch : function () { if (this.launched) { this.launched = false; this.ball.body.moves = true; this.ball.body.allowGravity = true; //Get the direction of finger swipe, normalize it, and apply a scalar to the velocity of the ball var direction = new Phaser.Point(this.input.x - this.lastPointerPos.x, this.input.y - this.lastPointerPos.y); direction.x = this.game.math.snapTo(direction.x, 5); direction.y = this.game.math.snapTo(direction.y, 5); Phaser.Point.normalize(direction, direction); if (direction.y < 0) { this.ball.body.velocity.setTo(direction.x * this.SHOOT_FORCE, direction.y * this.SHOOT_FORCE); } } }, respawn : function () { console.log("Does this function even run?"); //Set the ball physics to be still again this.ball.body.moves = false; this.ball.body.velocity.setTo(0, 0); this.ball.body.allowGravity = false; //Spawn the ball in a new, random location var ballSpawnX = this.game.rnd.integerInRange(this.ball.width + this.EDGE_CUSHION, this.world.width - this.EDGE_CUSHION); ballSpawnX = this.game.math.snapTo(ballSpawnX, 10); //Make sure the ball is in the boundary we set if (ballSpawnX < this.ball.width + this.EDGE_CUSHION) { ballSpawnX = this.ball.width + this.EDGE_CUSHION; } else if (ballSpawnX > this.world.width - this.EDGE_CUSHION) { ballSpawnX = this.world.width - this.EDGE_CUSHION; } this.ball.x = ballSpawnX; } };

Screenshots :- I don't know why but when i trying to add screenshots its saying not allowed Game URL :- https://www.chmosama.com/basketball/ Description:- Basketball Shoot is a straightforward yet exceptionally addictive amusement which base on practical material science. Instructions to play: 1. Touch the screen Highlights: -Easy to control, a good time for each age players. -Great shooting knowledge. -Simple however unique picture style. -More fascinating capacities are advancing soon.

Hello everybody! I would like to present my first Phaser game (and also kinda my first game ever ) I made as a school project few months ago. Simple arcade game where you have to get the basketball go through the hoop. I also made leveleditor with phaser so making levels would be easy, and the levels are saved in json-files. The progress is saved in localStorage. I haven't really developed it more lately, and the main reason is that I could not figure out why (physics contact) sound is delayed on android devices. I tested it with chrome for android and also with CocoonJS. Maybe listening to contact events just eats too much performance? On iPad it seemed to work fine. On the photo I attached you can see the game and level editor in the background. Please test it and tell me what you think of it . And btw he levels are not in balance as you can't get all 3 stars on all levels. You can find the game here: http://jkuitunen.fi/koripallo/

Hi all! I've just registered to this forum, and I'm very new to make HTML5 games. I want to show you this game that I made with GameMaker: Studio, it's called Basketball Touch. PLAY IT ON MOBILE Basketball Touch is a very simple HTML5 game optimized for mobile, based on physics. The object of the game is to score as many baskets as you can in two minutes. There is a score multiplier, which is incremented when you score a basket, but it will be reset to 1 in few seconds if you don't score another basket. To throw the ball simply touch (or click) on screen: the direction and force of the shot will depend on the position of your finger relative to the ball to throw. Let me know what you think. Edit: updated the post to show last version of the game.

First two of the four games that I've finished so far. Action game inspired by the youtube heroes and those people who always have the time to take the camera out and film the events in the most exceptional situations Here the link Overall feedback is appreciated! If you use a mobile device I would be happy to know how the game works on the device! Basketball game with 3 modes: - Time Trial - In the zone - Practice mode 2 differents playgrounds. Link If you use are using the 4+ Android Browser for this one I would really appreciate if you tell me if it works or not because it has an untested hack to override the clearRect Android Browser bug! Thank you!