Jump to content

[Plugin] Nine Patch Image


VitaZheltyakov
 Share

Recommended Posts

I finally finished writing the plugin implements the nine-patch image. A feature of this plugin is the relevant standards adopted among Android-developers. About this standard, you can read here.

Plugin on GitHub:

https://github.com/VitaZheltyakov/phaser-nine-patch-plugin

How plugin works

First, you create a special image according to the standard.

Then, add the plugin:

<script src="js/phaser-nine-patch.js" type="text/javascript"></script>

Then you can create an nine-patch image as follows:

game.add.ninePatch(x, y, width, height, key, keyInCache);

or

new Phaser.NinePatchImage(x, y, width, height, key, keyInCache);

This object behaves like an image, but may contain information about the padding box (read standart)

I also prepared 4 examples.

 

Link to comment
Share on other sites

Hi Vita, good work.  This I think, now fills the missing gap in the available Phaser ninepatch implementations by adding the ability to define the stretch areas with embedded extra pixel markers.

As each ninepatch implementation offers differing specific levels of setup and usage, it might not be appropriate to add into Phaser a single limited implementation when it's quite easy for a user to add the individual components they need... but having said that, sometimes something is better than nothing, you have to start somewhere.

 

Link to comment
Share on other sites

You should really get this up on GitHub, it'll be much easier for people to grab and integrate with their projects that way. There are loads of nine-slice plugins for Phaser, but this one looks nice, so let me know when a site of some kind (even a github repo + readme) is ready and I can happily add it to the Phaser news queue / newsletter.

Link to comment
Share on other sites

  • 3 weeks later...
24 minutes ago, Igor Georgiev said:

Does not work on version 2.4.7, says that group.add is not a function - nine-patch.js  - line 174

I am tested plugin with Phaser 2.4.7 - work perfectly.

You use code minimization or do you have a variable called "group" ?

---

Я протестировал плагин с версией 2.4.7 - работает идеально.

Вы используете минимизацию кода или у вас есть переменная с названием "group"?

Link to comment
Share on other sites

Привет :)
Я понимаю руского языка, но меня болгарин, следовательно , я не могу говорить очень хорошо :)

I have the following code:


 

//in index.html
    <script language="JavaScript" src="lib/phaser-nine-patch.js"></script>


//in somewhere I want ot use it .js

SomeView = function(game)
{

    this.menu = game.add.ninePatch(300, 300, 500, 500, 'sheet', 'panelBg.png');

};

 

Link to comment
Share on other sites

25 minutes ago, VitaZheltyakov said:

I am tested plugin with Phaser 2.4.7 - work perfectly.

You use code minimization or do you have a variable called "group" ?

---

Я протестировал плагин с версией 2.4.7 - работает идеально.

Вы используете минимизацию кода или у вас есть переменная с названием "group"?

Hey :) the post is up, I forgot to quote you :)

Link to comment
Share on other sites

  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...