Super Cute Alien - A cute platformer, inspired on BattleBlock Theater, Super Meat Boy and others!



  • Took me longer than expected! But put together a quick reveal video with a few features in. Hope you guys like!

    click to see video

    When the real trailers comes out, I was wondering if would be cool to support HaxeFlixel and put a logo at the start of video. Is the least that I can do. Can I do that?



  • Aaaaaaaand finished some sort of demo. Anyone interested, just whistle and I'll be sending a copy!

    alt text

    EDIT:

    I've been asked on now to make these fancy buttons. Most of it comes from the great 9 slice tutorial from here: http://coinflipstudios.com/devblog/?p=243 But I extended it a bit to support fancy labels. And that's the trick. Here's the steps I took.

    Somewhere in your class:
    var btn_versus:FlxUITypedButton<FlxSprite>;

    In your create();

    var _slice:Array<Int> = [10, 10, 40, 40];
    		var _sliceArray:Array<Array<Int>> = [_slice, _slice, _slice]; // all 3 buttons have same slicing
    		var _graphic_sheet:String = "assets/img/ui/9slice/sheet_button.png";
    		
    		buttonsWidth = 170;
    		var buttonsHeight:Int = 50;
    		var labelHeight:Int = 35;
    
    btn_versus = new FlxUITypedButton(0, 0,YOUR_FANCY_FUNCTION_HERE);
    		
    		btn_versus.loadGraphicSlice9([_graphic_sheet], buttonsWidth, buttonsHeight, _sliceArray, FlxUI9SliceSprite.TILE_NONE, -1, false, 49, 49);	
    		btn_versus.label = createLabel();
    		cast(btn_versus.label,FlxBitmapText).text = "Versus";
    

    Here's the sprite I created:
    alt text

    Now, on the label. I used a custom bitmap font, with effects already on the letters. You need this kick ass site to generate your font: http://kvazars.com/littera/ -- nothing complicated, just pick Preset: Basic and export as it comes by default (XML .fnt)

    Grab the exported files and put them in your assets folder.

    If you noticed, I used createLabel(), here's the function (feel free to tweak it as you wish ie scale):

    private function createLabel():FlxBitmapText
    {
    	var textBytes = Assets.getText("assets/font/font.fnt");
    	var XMLData = Xml.parse(textBytes);
    	var fontAngelCode:FlxBitmapFont = FlxBitmapFont.fromAngelCode("assets/font/font.png", XMLData);
    	
    	var fancy_text:FlxBitmapText = new FlxBitmapText(fontAngelCode);
    	fancy_text.text = "change_me";
    	fancy_text.blend = BlendMode.MULTIPLY;
    	fancy_text.alignment = FlxTextAlign.CENTER;
    	fancy_text.multiLine = true;
    	fancy_text.wordWrap = false;
    	fancy_text.scale.set(0.5, 0.5);
    	fancy_text.antialiasing = true;
    	fancy_text.autoSize = true;
    
    	return fancy_text;
    }
    

    Now, the labels won't be centered. That's a bit tricky since is now a label of a button, and the latest will control its position. We need to offset it automagically, like this:

    btn_versus.label.offset.x -= (buttonsWidth - cast(btn_versus.label, FlxBitmapText).width) / 2;
    btn_versus.label.offset.y -= (buttonsHeight - cast(btn_versus.label, FlxBitmapText).height ) / 2;
    

    Well, off I go. Hope that comes useful for someone else!



  • This post is deleted!


  • @Claudio-Ficara hello I've been following your development of this game for months I've learned so many great tricks and tips from optimization to the cool Dropbox text loader to now really nice flx Bitmap text. I'd love a copy of the game if that's still available. Also the Continued updates of this dev log is really helpful to so many devs as well as myself and I really appreciate it.



  • @PXshadow Hey mate, thanks for following the project and I'm super glad I helped someone with these tips and such.
    I do recognize that I should be writting more about some concepts, ideas and implementations, specially because the HaxeFlixel/OpenFL/Spine/Tiled combo is quite powerful, and there are some libraries, (ie Spine) that could use some explaining.

    As a related Dropbox text loader / copy of the game, I implemented this other thing yesterday, looks like this:

    alt text

    Basically, is a very simple activator online, that will fetch from a server what copy should and shouldn't be playable. Also, there are two methods of activating it, as a developer or beta tester.

    I do understand that is not a perfect solution and could be easily cracked, but it would stop most of the people without that knowledge.

    While the final version of the game won't have DRM (perhaps a default common one handled by the distribution platform) this whole thing is important for a few reasons: 1- Kill switch for versions that got leaked. 2- Kill switch for versions that are waaay too old. 3- Developer mode can be easily set for any person I wish.

    But in short: yeah, I'm gonna wrap this up and prepare a copy!



  • This post is deleted!


  • Moar GFX progress!

    alt text

    PS: Preparing a playable copy soon. Is just that this thing took priority.



  • Aaaaaaaaand currently improving things here and there. Here's some tests for the night glows. Not sure if looks exactly accurate...

    Night glows test



  • Well, here's to celebrate 7000 views!

    Been working on this non-stop to polish it the best I can. Here's some images of the upcoming changes! The rest of the changes are boring:

    alt text

    alt text

    Also, been tweaking the gore aspects a lot. Ragdoll is now supported for single player and there's decal support :)

    alt text

    More soon, of course. Ktnxbai!



  • I'm starting to collect emails to send a preview copy. It only contains 2 game modes, so far, but once things get in better shape, beta testers will be able to access to the full content.

    Anywho, here's the GOOGLE FORM TO ACCESS BETA

    Link to download will be sent once a bunch of emails are collected. Thanks for participating and enjoy!


Log in to reply