Coder Social home page Coder Social logo

openfl-tilelayer's Introduction

openfl-tilelayer

This project is an openfl version of nme-tilelayer. The point of this project is to offer the same functionality that nme-tilelayer has but make it compatible with Haxe 3 and openfl.

Openfl-tilelayer is lightweight and very optimized wrapper over openfl's powerful but lowlevel 'drawTiles' which offers the best rendering performance (ie. batching) on native platforms.

  • provides a basic display-list, spritesheet animations, mirroring (tile flipping), scale X/Y,
  • includes a Sparrow spritesheet parser, supporting trimming,
  • uses (and caches computations of) the new drawTiles' transform2x2 for native platforms,
  • uses Bitmaps for Flash target rendering,
  • very optimized memory management, near-zero garbage collection.

Warning: TileLayer is a "batching" class so it should be used to display "many elements" - that means you should include as many sprites/anims as possible in the spritesheet. Creating many TileLayers is conter-productive, because having many textures and not doing batching is inefficient for GPU performance.

Usage

  • install the library: type haxelib install tilelayer in your terminal
  • add <haxelib name="tilelayer" /> in your nmml

Configure it:

// sprite sheet
var sheetData = Assets.getText("assets/spritesheet.xml");
var tilesheet = new SparrowTilesheet(Assets.getBitmapData("assets/spritesheet.png"), sheetData);

// you can now load higher/lower resolution textures seamlessly
var tilesheet = new SparrowTilesheet(Assets.getBitmapData("assets/[email protected]"), sheetData, 2);
var tilesheet = new SparrowTilesheet(Assets.getBitmapData("assets/spritesheet-low.png"), sheetData, 0.5);

// tile-layer
var layer = new TileLayer(tilesheet); // optional flags: smoothing, additive blendmode

Add/manipulate elements as a display list:

// static tile
var sprite = new TileSprite(layer, "spritename");
layer.addChild(sprite);

// animated tile
var clip = new TileClip(layer, "animname");
clip.loop = false;
layer.addChild(clip);

// tile group (only translation, use the TileGroupTransform behaviour for more)
var group = new TileGroup(layer);
group.addChild(new TileSprite(layer, "othername"));
group.addChild(new TileClip(layer, "yetanother"));
layer.addChild(group);

Note: you can provide null as the layer reference, but then Tiles will have a null size until they are added to the layer's display list.

Render it:

// batch it!
addChild(layer.view); // layer is NOT a DisplayObject
layer.render();

Tiles Features

TileLayer properties

  • view (root DisplayObject)
  • useAlpha (default true)
  • useTransforms (default true)
  • useSmoothing
  • useAdditive
  • useTint

TileSprite / TileClip properties

  • tile (set image)
  • x, y
  • offset (change pivot, relative to center)
  • rotation
  • scale / scaleX / scaleY
  • alpha
  • mirror (1: horizontal, 2: vertical)
  • r / g / b (defaults to 0.0, up to 1.0)
  • width / height (readonly)
  • visible

TileClip properties

  • tile (set anim)
  • animated
  • loop
  • currentFrame
  • totalFrames
  • onComplete (TileClip->Void)
  • play / stop

TileGroup

  • x, y
  • width / height (readonly, buggy)
  • visible
  • addChild / addChildAt / removeChild / removeChildAt

Spritesheets Features

SparrowTilesheet

  • extends TilesheetEx to parse Sparrow engine tilesheets,
  • supports animation and trimming.

TilesheetEx

  • Base class required by TileLayer,
  • animations are matched by name (startsWith) and cached,
  • can be used directly to dynamically build a spritesheet: TilesheetEx.createFromImages, TilesheetEx.createFromAssets

TODO

  • fix TileGroup width/height measurement
  • support useTint in Flash/JS fallback

Known issues

  • TileGroups inside TileGroup returns incorrect width/height.

License

This code was created by Philippe Elsass and is provided under a MIT-style license. 
Copyright (c) Philippe Elsass. All rights reserved.

Permission is hereby granted, free of charge, to any person obtaining a 
copy of this software and associated documentation files (the "Software"),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL 
THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

openfl-tilelayer's People

Contributors

dr-emann avatar drkibitz avatar elsassph avatar jgranick avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.