Hey @Claudio-Ficara You deserve all of the shoutouts possible, Thank you so much on all of the insanely nice feedback! The ui is by no credit of myself I had an amazing team of two Designers work day and night in Sketch to be able to make it look so great, I just was able to implement in haxeflixel which was a challenge in of itself but I see full potential in haxeflixel being used for more than just a game engine and I would love to be the person to prove that :D.

designer interface for app which is then uploaded to invision and seen by me in which I implement it into the app

In reply to the Down scaling, Yes almost all of the assets in the app have been brought in at 4x and scaled down automatically with custom functions in order to fit properly in the gui/ui. Though the image I put in the dev log is from neko so it looks way worse than the actual android version ( I have updated the image to an android screenshot of the app login screen now so take a look at the difference) though I am still having problems with ios which is where the real issues come into play I have tried antialiasing with both antialiasing="4" in project xml as well as FlxG.camera.antialiasing = true; and FlxG.stage.quality = flash.display.StageQuality.BEST; if that counts. ios is blurry so I've been on a hunt for the past week to find a fix. So if you have any more tips with Antialiasing I'd extremely appreciate any support because I'm stumped haha.

Also I totally agree with the haxeflixel community extremely benefiting from devs being able to share code and other tricks, you inspired me to do so and I'd love to continue the trend!

Speaking of code sharing, I played the demo for your game and I absolutely loved it had a great time with me and my brother. But I noticed that everything was so beautiful and looked so great except for the FlxText in the game. You may be transitioning to full bitmap text which would fix the issue but if you would like a solution for crisp FlxText as well as any other devs I wrote a premade function to scale up text and size it down in order for the text to not be pixelated for ThinQbator but it could apply to any other haxeflixel application/game :)

Normal Text

Custom ThinQbator FlxText

here is the code:

	public static function createText(?textString:String = "", ?x:Int = 0, ?y:Int = 0, ?size:Int = 24, ?color:FlxColor = FlxColor.WHITE,?align:FlxTextAlign=LEFT,FieldWidth:Int=0):FlxText
	{
		var text = new FlxText(0,0);
		text.setFormat("assets/data/proximanova-regular-webfont.ttf", size * 2, color, align);
		//scale down
		text.scale.set(0.5, 0.5);
		text.updateHitbox();
		text.antialiasing = true;
		text.fieldWidth = FieldWidth * 2;
		text.text = textString;
		text.setPosition(x - text.width / 4, y - text.textField.textHeight / 4);
		//add to state
		FlxG.state.add(text);
		return text;
	}

And if anyone wants to check my demo results for the image here is the create function

	override public function create():Void
	{
		super.create();
		var text = createText("Hello HaxeFlixel!");
		text.screenCenter();
		
		var text2 = new FlxText();
		text2.text = "Hello HaxeFlixel!";
text2.setFormat("assets/data/proximanova-regular-webfont.ttf", 24);
		text2.screenCenter();
		add(text2);
	}

Also to answer audio for html5 you are supposed to use mp3 . Screen rotation can be detected through js.Browser.document you should be able to find documentation through javascript if you can't find it let me know and I'll write something up. Haxeflixel new update info is in the haxeflixel blog. http://haxeflixel.com/blog/08-openfl-5-compatibility-status-update/ and from this he has now made a trello and can ask him questions on the pull request for haxeflixel on GitHub link is at bottom of blog.

Finally My thoughts on the current state of html5.
Desktop html5 is powerful enough to be able to run most games as long as not to many effects with many sprites are being used. But the mobile performance for html5 is insanely bad and if that is something you want to support haxeflixel is not the right choice. Also with many things you will encounter with html5, importing js and using that code specific html5 libaries gives the best results in solutions with html5 specific problems so keep your eye out for those issues with browser display , showing video, saving cookies etc.

Hey for the testing with other devices you can create a python web server and you should be able to test out other devices

Steps

1. Need to download python and be able to run it in command prompt
2. Go to your export folder with you html file and run command prompt in that location
3. run the following command

python -m http.server 8000

8000 can be replaced with any port number you would like to use.

Added benfit of this approach is that you can also port forward the same port for the python web server so you can test out your html5 game/website/etc across the internet.

Hey @Agustín-Pérez-Fernández I'm glad you liked the Example Code! Currently ThinQbator does not have a web version so I don't have any tips for a ui demo for the web but if you have any question about the ui for the app I'd love to answer them. And the reason to use the game engine haxeflixel to create the app is because, It's very stable for each platform, easy to prototype and great performance more then ThinQbator would ever need.

Hello haxeflixel Community, I've been wanting to make a dev log for a while now especially with all of the cool little tricks I've learned throughout my project as well as @Claudio-Ficara Dev log which was very helpful and felt like if I could do somthing similar That'd be fantastic!

So currently the project is focused only on mobile (IOS and android) but will eventually get support for desktop and then web with the power of haxe.

It uses Libraries such as

• Extension web View
• Native Text
• Date Time
• Extension networking
• flixel - ui and addons

So in the future I'd love to dev log about my use with some of these libraries in terms of this project.

thank you for reading my short little post here is the code for scrolling in the menu state for ThinQbator. With the static function and variables you should be able to use it for any project you may need scrolling for both Mouse and Keyboard!

package;

import flixel.FlxState;
import flixel.FlxG;
import flixel.FlxSprite;

class PlayState extends FlxState
{
	public static var scrollSpeed:Float = 0;
	public static var scrollStartY:Float = 0;
	public static var scrollOldY:Int = 0;
	//if camera is scrolling used to have buttons not go off during
	public static var scrollPress:Bool = false;
	
	override public function create():Void
	{
		super.create();
		//scroller object
	add(new FlxSprite(0,FlxG.height - 50).makeGraphic(50, 50));
	}

	override public function update(elapsed:Float):Void
	{
		super.update(elapsed);
		//min screen scroll and max screen scroll set for each update
		scrollCamera(0, FlxG.height - 50);
	}
	
		public static function scrollCamera(min:Int,max:Int):Void
	{
	var friction:Float = 0.95;
	var i:Int = 0;
	var maxSpeed:Int = 300;
	var snapDis:Int = 5;
	var swipeDis:Int = 0;
	scrollPress = false;
	//drag
#if mobile
if (FlxG.touches.getFirst() != null)
{
//move to far away init
if (FlxG.touches.getFirst().justPressed) scrollStartY = FlxG.camera.scroll.y;
if(FlxG.touches.getFirst().pressed == true && FlxG.touches.getFirst().justPressed == false && FlxG.touches.getFirst().justReleased == false) //&&  Math.abs(FlxG.touches.getFirst().screenY - scrollOldY) > 3)
{
scrollPress = true;
if(FlxG.camera.scroll.y == scrollStartY && Math.abs(scrollSpeed) < 0.1) scrollPress = false; 

FlxG.camera.scroll.y += (FlxG.touches.getFirst().screenY - scrollOldY) * -1;
scrollSpeed = 0;
}
scrollOldY = FlxG.touches.getFirst().screenY;
}
#else
//move to far away init
if (FlxG.mouse.justPressed) scrollStartY = FlxG.camera.scroll.y;

if(FlxG.mouse.justPressed == false && FlxG.mouse.pressed && FlxG.mouse.justReleased == false) //&& Math.abs(FlxG.mouse.screenY - scrollOldY) > 3)
{
scrollPress = true;
if(FlxG.camera.scroll.y == scrollStartY && Math.abs(scrollSpeed) < 0.1) scrollPress = false; 

FlxG.camera.scroll.y += (FlxG.mouse.screenY - scrollOldY) * -1;
scrollSpeed = 0;
}
scrollOldY = FlxG.mouse.screenY;
#end
if (Math.abs(scrollStartY - FlxG.camera.scroll.y) > 5) scrollPress = true;	
//swipe
for (swipe in FlxG.swipes)
{
 if (swipe.duration > 0.05 && Math.abs(swipe.startPosition.y - swipe.endPosition.y) > 5)
 {
scrollSpeed = (swipe.startPosition.y - swipe.endPosition.y) * (0.016 / (swipe.duration * 5)) * -8;
 //distance to calculate whether snap is vaild or not
 swipeDis = Math.floor(swipe.startPosition.y - swipe.endPosition.y);
 //trace("scroll Speed " + scrollSpeed);
 //trace("frictionTick" + Std.string(scrollSpeed - scrollSpeed * friction));
 scrollPress = true;
}
}
//max speed
if(scrollSpeed > maxSpeed) scrollSpeed = maxSpeed;
if(scrollSpeed < -maxSpeed) scrollSpeed = -maxSpeed;
scrollSpeed *= friction;
FlxG.camera.scroll.y += -scrollSpeed;
	 //scroll camera restraints
 if (FlxG.camera.scroll.y < min)
 {
	 FlxG.camera.scroll.y = min;
	 scrollSpeed = 0;
 }
 if (FlxG.camera.scroll.y > max)
 {
	 FlxG.camera.scroll.y = max;
	 scrollSpeed = 0;
 }
	}
}

Happy to answer any questions, and let me know if you would like more haxeflixel example code :)

Possibly try FlxG.autoPause = false;