Sep 302013
 

There is now a beta available of the new Pyxel Edit I have been working on this summer. It is very much updated from the last version, has a completely new GUI, animation support, animated GIF export etc.
The original was free, but to support development (I worked on it nearly full time this summer) the new version costs $8, a discounted beta price that will increase as it gets more full fledged.
If you make pixel art, tilesets or animations check it out at pyxeledit.com.

interface

 Posted by at 20:29
Jul 312013
 

Short story: In flash, bitmapData.lock() makes drawing faster by only updating the bitmap on screen when calling bitmapData.unlock() after done drawing, but once the bitmap is unlocked the whole bitmap is redrawn, instead of just the changed parts. If you only change small parts of a bitmap displayed on screen, and you do it often, this can result in a big performance hit.

I had been trying to optimize rendering of the canvas in Pyxel Edit without much luck, but then I tried Adobe Scout (awesome application btw!) that let me know that most of the time in the application was spent by the flash runtime rendering the display list. Apparently the whole canvas was re-drawn each time it changed just a bit. The odd thing was that the brush preview bitmap which is displayed on top was only rendered where it changed.

After some experimenting I found out that locking the bitmapdata of a bitmap object, which supposedly makes drawing faster, invalidates the whole bitmap and makes it get redrawn. Commenting out canvasBitmap.lock() immediately cut the displaylist rendering time by about 1/3 when drawing in the application.

To see what parts of the displaylist are redrawn one handy function is flash.profiler.showRedrawRegions(). It will draw rectangles around each redrawn region.

Jul 292013
 

This took me a while to figure out, in the end it was quite simple so I’m posting this to remind myself and possibly help someone else.

The “advanced telemetry” option in FlashDevelop doesn’t seem to do anything (as of FD 4.4.2). So you need to run a Python script on the compiled SWF. This can be done automatically after each build with a command in “Post-Build Command Line” in the FD project options.

1. Install Python (if you don’t already have it).
http://python.org

2. Download the script.
https://github.com/adamcath/telemetry-utils

3. Specify the post-build command.
Go to Project > Properties > Build and enter:

[path to python.exe] [path to script] [path to output swf]

In my case I have

"D:\Program Files (x86)\Python33\python.exe" $(ProjectDir)\add-opt-in.py $(OutputDir)\$(OutputName)

4. Done!
The script is now run on the file after each build.

More info: http://www.adobe.com/devnet/scout/articles/adobe-scout-getting-started.html

Jan 092013
 

The Caps Lock key is mostly just an annoyance. But there are ways to make it more useful. I recently found a very nice script by Gustavo Duarte called How Row Computing which maps Caps Lock as a modifier key that lets you navigate in text Vim-style using H, J, K and L. This is very handy as you don’t have to move your hand back and forth to the cursor keys while typing. It also maps Home, End, Page Up, Page Down and Del to easy accessible keys from the home row.

The script required remapping the Caps Lock key to another key in the Windows registry though, so I started improving it a bit. I added some new functionality and customized it to my preferences. I also added another very handy function that lets you drag anywhere on a window to move it while holding Caps Lock, the way you can do while holding the Alt key on Linux. I got that feature from an article at How-to-geek, changed the key from Alt to CapsLock and added it to the script. Very handy indeed!

Below you can see the default mappings for the script, although it’s easy to change it if you like:

CapsLock binding keyboard layout small_spaceYou have access to all the common keys on the right side of the keyboard (Cursors, Home, End, PgUp, PgDn, Ins, Del) from your home row, which is very handy when typing! Common commands like cut-copy-paste, undo-redo, backspace-delete are also very easy to access giving less hand movement. You can still toggle caps lock if you need to by pressing the Windows Key + Caps Lock.

To use the script:

  1. Download and install Autohotkey.
  2. Download the script.
  3. Put the script (or a shortcut to it) in the Startup folder so that it runs each time you start you computer.

I chose keys that are consistently placed for QWERTY layouts, some keys might have to be changed for QWERTZ or AZERTY. Let me know in the comments if you have any suggestions or comments.

Update: If you like the regular cursor layout I made another version of the script:

CapsLock binding keyboard layout_ALTsmall_space
The cursor key layout should be more familiar than the Vim-style layout to most people, and much easier to learn.

Gist for the version I currently use: https://gist.github.com/Danik/5808330

Original keyboard layout graphic by Simon Kaupinmäki

 

 Posted by at 00:35
Dec 182012
 

I recently started using the excellent Sublime Text 2, and it’s awesome. It annoyed me though that you couldn’t open files with it directly from the right click context menu in Windows like you can with Notepad++, so I made a registry file that accomplishes that.

IMPORTANT 1: The file makes changes in the registry, use it at your own risk!
IMPORTANT 2: You need to open the file in a text editor and change the path to sublime_text.exe if it’s not located at C:\Program Files\Sublime Text 2\sublime_text.exe.

Download, (edit if needed) and run this file. Now you should be able to open files and folders by right clicking!

 

Update: You can add a “open with” context menu for Sublime by clicking a checkbox in the installer (I must have missed it). It doesn’t add an option to open folders as projects though, so you can use this reg file if you need that.

 Posted by at 16:56
Jun 172012
 

Pyxel Edit is now in public beta and you can get it at http://pyxeledit.com/

Pyxel Edit is a drawing application aimed at making pixel art. It has features to make it faster and easier to make low resolution art like tile sets for games. It’s made using Adobe Air, runs on Windows and Mac, and is currently in beta.

What’s special about it?
You can draw freeform like in any other program, you can also draw and place tiles. If you have multiple instances of a tile and edit one, they all update. This still works if some of the instances are flipped or rotated. This is really nice when making tile sets, as you can instantly see how all the tiles work together as you draw them. This feature is inspired by the awesome Pixothello and Cosmigo Pro Motion, but taken one step further.

Tileset importing
Pyxel Edit can import images of tilesets or mockups and identify all the unique tiles automatically, which is great for editing and rearranging old tile sets or doing edits of mockups.

Tilemap exporting
The tilemap can be exported to XML or plain text, making Pyxel Edit also useable as a level editor. Just export the tileset image and the tilemap, and you are ready to load it into your game!

How much does it cost?
The beta is free. In the future there might be a free and a paid “pro” version.

Future features
In addition to adding lots of small features, new tools, better menus and polishing the UI, animation support is planned.

Follow @PyxelEdit for updates.

 

Video

 Posted by at 22:47
Mar 092012
 

I made a game called Spot The Odd One, to take part in Blackberrys free Playbook offer. I just want to share this image of the game running on the actual device. It’s really exciting, as I made it using the simulator. It runs pretty much the same, just much smoother. I have realised some of the colors are almost impossible to tell apart though, like the purple and blue in the image, so I will fix that in the next update.

If you have a Playbook, you can get it for free in App World. Let me know if you have any feedback.

 Posted by at 15:39
Feb 122012
 

Sos at Ludum Dare arranged nanoLD - make a game in 48 minutes. I got the theme RTS and made this. (the theme was random each time you loaded the page but I didn’t realise that until afterwards)
I spent an extra couple of minutes fixing a few bugs afterwards, so maybe 55 minutes in total.

48 min RTS

 Posted by at 12:31
Dec 192011
 

I entered the Ludum Dare game making competition this weekend as usual. The theme was “Alone”. I didn’t have any immediate ideas, so I began by making the basis for a platformer with the theme in mind. Then it sort of evolved as I came up with things I thought would be cool to add.

PLAY

The tools I used:

  • Flashdevelop (IDE)
  • Flashpunk (Game library)
  • Photoshop
  • Audition (sound editing)
  • Cubase (music)
  • Chronolapse (timelapse recording)

I decided early on to make it atmospherical, and I put a lot of focus on the effects, sounds, music and animation.

Continue reading for more info and a post-mortem. Continue reading »