Example code is always great to have. Maybe if we have several tips we can make a ui demo for the web.

Why did you choose to use a game engine to develop an app ?

Thanks for the answers!

I'm not able to enter to the server from devices on the same network. How can I solve that?

Hi Everyone,

For HTML5 game I've been using phaser because it solves some things in an easier way and It seems to work faster on that platform alone.

The problem with phaser is that it is slower for mobile native games so I want to go back to use Flixel to develop games. I made this Phaser demo with all the basic features I need on an HTML5 Game: https://github.com/Tembac/ChimangoGamesDemo

I would love to reproduce the same demo using Flixel. I have several questions about HTML5 things that I solved using phaser but I'm not sure how to do them on HaxeFlixel:

• How does the server work? Every time I compile the game opens on http://localhost:2000/ but I'm not sure what server it is using. I would love to be able to set up some things for the server.

• Can I setup a local server that allows me to enter from different devices than the development machine? This is useful for mobile testing. I tried opening the local host from other devices but doesn't work. On phaser I'm using Budo for the server that allows me to enter from other devices using the ip address of the development machine.

• How can I detect if the device was rotated?

• How can I detect the device of the user to know if it is desktop or mobile?

• SWF support works really bad. I hope this improves with the new OpenFl. Is there any date for the new openfl support for HaxeFlixel?

• How is the correct way to use audio assets? On Phaser, I made several audioSprites on several formats for each browser compatibility. Does HaxeFlixel support audio sprites? What is the best format for audio?

I hope to get answers here because there is not a lot of documentation about HTML5 development with HaxeFlixel and it is one of the most important platforms for our studio right now.

Thanks!

On the export folder search for an HTML5 folder. Inside there is a bin folder with an html file. That file shows how to embed the game on other websited.

Easiest way is to upload the bin folder to the server and customize that html file.

Phaser is like flixel and it is evolving like a ECS:

http://phaser.io/

Flixel still works better on native devices but Phaser is only for html5.

Bleeblerox said that he wants to do it more component based when he did the notes for the fund raiser: https://github.com/HaxeFlixel/fundraiser/blob/master/beeblerox_notes.md

I think it is a big change that will forever change flixel.

I made a custom scale mode that I'm using for mobile games. It has a fixed height and the width changes depending on the proportions of the screen. On bigger screens, it shows more of the level but I didn't find problems with it. Here is the code:

class CustomScaleMode extends BaseScaleMode
{
	var ratioX:Float;
	var ratioY:Float;
	/**
	 */
	public function new()
	{
		super();
	}
	
	override public function onMeasure(Width:Int, Height:Int):Void
	{
		//landscape
		if(Width > Height)
		{
			FlxG.width = Math.ceil( FlxG.initialHeight * Width / Height);
			FlxG.height =  FlxG.initialHeight;
		}
		trace("width " + Width);
		updateGameSize(Width, Height);
		updateDeviceSize(Width, Height);
		updateScaleOffset();
		updateGamePosition();
	}
	
	
	override private function updateGameSize(Width:Int, Height:Int):Void 
	{
		gameSize.x = Width;
		gameSize.y = Height;
		
		if (FlxG.camera != null)
		{
			var oldWidth:Float = FlxG.camera.width;
			var oldHeight:Float = FlxG.camera.height;
			
			FlxG.camera.setSize(FlxG.width, FlxG.height);
			FlxG.camera.scroll.x += 0.5 * (oldWidth - FlxG.width);
			FlxG.camera.scroll.y += 0.5 * (oldHeight - FlxG.height);
		}
	}
}

There are a lot of issues open about this. I hope it gets fixed with the transition to openfl 5.

https://github.com/HaxeFlixel/flixel-addons/issues/4

https://github.com/HaxeFlixel/flixel-addons/issues/82

https://github.com/HaxeFlixel/flixel-addons/issues/222

https://github.com/HaxeFlixel/flixel-addons/issues/231

Hi everyone,

I'm testing screen grab from Flixel Addons using the following code on the playstate:

	var spr1 = new FlxSprite(10,10);
	var spr2 = new FlxSprite(15,30);
	var spr3 = new FlxSprite(80,45);
	
	this.add(spr1);
	this.add(spr2);
	this.add(spr3);
	
	var btn:FlxButton = new FlxButton(FlxG.width * .5, FlxG.height * .5, 
	function()
	{
		trace("screenshot");
		FlxScreenGrab.grab(null, true); 
		
	});
	this.add(btn);

But it only seems to work on flash target. I tested windows, Android and HTML5 and it does nothing. I think that if it only works on Flash it is not very useful today.

¿Por qué será que a los Argentinos nos gusta HaxeFlixel? Avisen si necesitan ayuda en algo!

Hi Everyone,

This is a strange bug. When I compile on release mode the camera goes over the bounds. On debug it works fine. Look at the blue color on the rigth side of the screen.

Debug mode:
http://puu.sh/u8SlG/a1126030c5.jpg

Release mode:
http://puu.sh/u8Ss5/bf2eebcac5.jpg