Add Group collision + various changes (#46)

* fix fonts CI

* remove hxproj files

* cleanup

* add group overlap snippet

* avoid the word fonts altogether

* formatting+bgcolor

* change all cameras

* remove public from overrides

Author: Geokureli

_proofs/overlap/group-overlap.md

@@ -0,0 +1,29 @@
+---
+title: Group Overlap
+concept: Overlap
+order: 1
+tags: [overlap]
+complexity: 1
+sourcefiles: source/PlayState.hx
+seealso: [Collision/1-to-1-collision]
+---
+{% api flixel.FlxG.overlap() %} not only works between 2 {% api flixel.FlxObject %}s, but you can also pass in a {% api flixel.group.FlxGroup %} to either arg.
+
+{% api flixel.FlxG.overlap() %} will still return whether it detected any overlap between the groups, but it is usually wise to use a `notifyCallback` to handle each specific overlap.
+
+## Performance
+{% api flixel.FlxG.overlap() %} uses quadtrees on groups to greatly reduce the number of comparisons between objects, meaning that a single call with 2 groups can perform immensely better than checking whether each pair of objects overlaps, individually.
+
+```haxe
+function handleCollision(objA:FlxObject, objB:FlxObject)
+{
+    trace('overlap between a: $objA and b:$objB');
+}
+
+// check if any objects in groupA overlap any objects in groupB
+FlxG.overlap(groupA, groupB, handleCollision);
+// check if the player overlaps anything in groupB
+FlxG.overlap(player, groupB, handleCollision);
+// Chech if any objects in groupA overlap each other
+FlxG.overlap(groupA, groupA, handleCollision);
+```

demos/advanced/timescale/source/PlayState.hx

@@ -11,23 +11,22 @@ import flixel.util.FlxColor;
 class PlayState extends FlxState
 {
 	private var statusText:FlxText;
-
-	override public function create()
+	
+	override function create()
 	{
-		bgColor = 0;
-
+		super.create();
+		
 		var sprite:FlxSprite = new FlxSprite();
 		sprite.loadGraphic("assets/anim-sprite.png", true, 24, 24);
 		var animationFrames = [1, 2, 3, 4, 5, 6].concat([for (i in 0...20) 0]);
 		sprite.animation.add("shine", animationFrames, 15);
 		sprite.animation.play("shine");
 		add(sprite);
-
-		FlxTween.circularMotion(sprite, FlxG.width / 2, FlxG.height / 2, FlxG.width / 4, 0, true,
-			2, true, {
-				type: FlxTweenType.LOOPING
-			});
-
+		
+		FlxTween.circularMotion(sprite, FlxG.width / 2, FlxG.height / 2, FlxG.width / 4, 0, true, 2, true, {
+			type: FlxTweenType.LOOPING
+		});
+		
 		statusText = new FlxText();
 		statusText.size = 16;
 		statusText.text = "timeScale: 1";
@@ -39,12 +38,10 @@ class PlayState extends FlxState
 		statusText.alignment = FlxTextAlign.LEFT;
 		statusText.x = statusText.y = 10;
 		add(statusText);
-
+		
 		FlxTween.num(.05, 2, 5, {type: FlxTweenType.PINGPONG}, updateTimeScale);
-
-		super.create();
 	}
-
+	
 	private function updateTimeScale(Value:Float):Void
 	{
 		FlxG.timeScale = Value;

demos/basics/adding/adding.hxproj

@@ -6,18 +6,16 @@ import flixel.FlxState;
 
 class PlayState extends FlxState
 {
-	override public function create()
+	override function create()
 	{
-		bgColor = 0;
-
-super.create();
-
+		super.create();
+		
 		var box = new FlxSprite("assets/bigbox.png");
 		box.screenCenter();
-
+		
 		var sprite = new FlxSprite("assets/sprite.png");
 		sprite.screenCenter();
-
+		
 		add(box);
 		add(sprite);
 	}

demos/basics/adding/source/PlayState.hx

@@ -6,15 +6,12 @@ import flixel.text.FlxText;
 
 class PlayState extends FlxState
 {
-	override public function create()
+	override function create()
 	{
-		bgColor = 0;
-
 		super.create();
-
-		var text = new FlxText(0, 0, FlxG.width,
-			"The Screen's dimensions\nare " + FlxG.width + "x" + FlxG.height + " pixels", 12);
-
+		
+		var text = new FlxText(0, 0, FlxG.width, "The Screen's dimensions\nare " + FlxG.width + "x" + FlxG.height + " pixels", 12);
+		
 		text.color = 0xff000000;
 		text.alignment = FlxTextAlign.CENTER;
 		text.setBorderStyle(FlxTextBorderStyle.SHADOW, 0xFF808080);

demos/basics/screen/source/PlayState.hx

@@ -9,16 +9,11 @@ class PlayState extends FlxState
 	var timer:Float = 0;
 	var direction:Bool = false;
 	var color:FlxColor;
-
-	override public function create()
-	{
-		bgColor = 0;
-
-super.create();
-	}
-
-	override public function update(elapsed:Float)
+	
+	override function update(elapsed:Float)
 	{
+		super.update(elapsed);
+		
 		timer -= elapsed;
 		if (timer <= 0)
 		{
@@ -30,7 +25,5 @@ super.create();
 			FlxG.camera.fade(color, 1, direction, null, true);
 			direction = !direction;
 		}
-
-		super.update(elapsed);
 	}
 }

demos/camera/fade/fade.hxproj

@@ -7,23 +7,16 @@ import flixel.util.FlxColor;
 class PlayState extends FlxState
 {
 	var timer:Float = 2;
-
-	override public function create()
-	{
-		bgColor = 0;
-
-super.create();
-	}
-
-	override public function update(elapsed:Float)
+	
+	override function update(elapsed:Float)
 	{
 		timer -= elapsed;
 		if (timer <= 0)
 		{
 			timer = 2;
 			FlxG.camera.flash(FlxColor.fromHSB(FlxG.random.int(0, 360), 1, 1));
 		}
-
+		
 		super.update(elapsed);
 	}
 }