For me it works, but I have not tried it with every exporter.

(edit: seems to be compatible with nw.js)

I think the outline effect does the same (moving into 8 directions to create the outline). So it might still be slow, but at least it is easier on your code.

This is just a little project I'll be working on. It will probably help me to keep development alive until it is functional, if I post it somewhere. Sorry if it bothers anyone.

project on github: https://github.com/AwesomeAxolotl/translation_overlay

latest version: 0.1.0

Current outline:

1) Purpose:

Overlay polygonal / elliptic masks and spritefont text over images loaded from disk. I want to use it to overlay translation skripts over speech bubbles from raw manga images or japanese digital illustrations. It should generate a json file that another user could load in (provided he has the same image files) to see where texts belong and what they say.

2) Features:

• different fonts (will use SpriteFont+)
• different text color
• text outline (stroke; will use Outline Effect by R0j0hound)
• masking
• color picking (for masking when you don't wanna use black or white)
• text placement, basic editing
• image navigation (zooming, panning)
• file navigation inside the folder
• export text and masks placements to reload elsewhere
• autosave
• undo / redo

possible:

• add some general-purpose icons to use (arrows, hearts, ... ?)

probably not:

• tablet / mobile support (non-nwjs; should be fairly easy to adapt as webservice, if it can access the images from webservers, though)
• text object & webfont support (mainly want to use spritefont for better performance, but could fiddle with adding the possibility to use fonts instead)

Why not use the print button on your keyboard in combination with any image handling program or the snipping tool?

There is also a timer behavior that makes stuff like this more traceable.

I think "On any touch start" should work faster. Can you check it?

I don't think there is a simple way (you need to put the information somewhere, no matter what). Maybe you can find some regularities (for example, many menus contain a column of 50x200 pixel buttons; then you could do some sort of preset function that knows the position and you just tell it which animation to show for the first, second, third, and so on button).

Pinning families works. I guess you do something wrong.

You could just save your array with the array.asjson expression and in the next session load it back in via load from json action.

example results of using tokenat:

tokenat("a;b;c", 0, ";") = "a"

tokenat("a;b;c", 1, ";") = "b"

tokenat("a;b;c", 2, ";") = "c"

You should be able to deduct what's happening ^^.

It is set up as transparent by default .

It works in Opera, does not work in NW.js, so different browser engines may either support it or not. Maybe you have changed your preview browser or your browser got updated and changed that somehow. Anyway, in that case I would also suggest to use sprite buttons to ensure supporting every browser out there.

I think you only can do it with the screenshotting function, or easier, with the canvas or paster plugin. The key then is pasting the b1 b2 or b3 onto the canvas/paster and then use the image url of canvas/paster in the load from url expression of the sprite a.

I also think it is pretty bad that project files don't have any real folder structure...

But what you can do (for developing / testing via preview mode):

Use a variable called folder or something. For exporting you will set it to nwjs.appfolder, but for development, you set it to your harddrive folder containing the folder with your assets. Make sure to use nw.js for preview, though!