Mar 17

Gear Tree


Gears were designed (well, generated by a plug-in) in Inkscape and milled with CNC.

What is the purpose of this project?

Xenia needed it for school. No, not for science. It is for English writing, believe me or not.

Feb 09


How to create sprite animation on a web page?
Well, there are definitely multiple ways of doing it.
How about being cool?
What do the cool dudes do nowadays?
They write in HTML5 with libraries like KineticJS.
Kinetic provides a quick and easy interface for showing animation.
But there is one problem. It reads all sprites from a single image. Figuring out sprite coordinates is way too boring.
I have a good news for you: I wrote a software to automate it!
Here is the software:

Windows Application for HTML5 Kinetic Sprite Animation Framing

Web Package – Kinetic Sprite Animation

Here are animation example I made with it (art is not mine, I borrowed it from Xenia’s school homework guidelines – perhaps, it came from some book):



How do you make yours?

  1. Draw sprites in a single image and store the image as png or jpg. Sorry, my application only supports up to 9 sprites. You are welcome to modify it.
  2. Start the application
  3. Push “Load Images” button and load your image. It shall be visible on a screen.
  4. With the left slider, set total number of your sprites.
  5. With the right slider, choose sprites one-by-one. With the left mouse button, drag blue rectangle to frame the first sprite. Use right mouse button + mouse move to resize the box. Sorry, I use same size for all frames. Rationale: I’m too lazy to resize each individual sprite.
  6. Repeat for all frames: select frame with the right slider and move blue rectangle to frame it.
  7. Push Save button to save the result
  8. Unpack “web package”, copy your image to folder walkcycle_4, then in that folder open walkcycle.htm and replace lines like x: 214.666666666667, y: 30.6666666666667, width: 138.666666666667, height: 144.666666666667 with the data you generated and saved.
  9. Change image file name at the end of walkcycle.htm with your image.
  10. Open walkcycle.htm in a browser. It might ask you whether you allow content to be executed. Allow it. Push “Start” button and enjoy.

Sadly, it does not work in Opera. But it works in Google Chrome, Mozilla and IE on my machine.

Dec 27

TI Stellaris and 28byj-48

I had 2 impulsive buying of paperweights collecting dust – TI Stellaris Launchpad and 28byj-48.

The reason for purchase in both cases was dirt-cheap price.

Well, Stellaris is no longer a paperweight – thanks to the guys who wrote Energia

I plug thing together and it did not work. I swapped wires to inputs 1 and 2 and it started spinning. Why is that? I’m not sure, but I have noticed that LEDs on the control board fire in the wrong order, and I foxed it with swapping wires. Now it spins OK.


You can see 3 LED ON – it is side effect of digital camera long exposure time. Only 1 or 2 LEDs are ON at a time.

How I’m going to use it? I have no idea. Perhaps, it will go to back to the shelve.

See source code after the break. I did not write it – I found it on the internet and tweaked a bit.

Continue reading