Home > Development, Features > ditzie with a twist

ditzie with a twist

One of ditzie’s ancestors is an application called AjaxVTT, which I wrote and ultimately abandoned several years ago. Like ditzie, it was a browser based application that relied heavily on Javascript. Among its numerous features (many of which ditzie cannot yet claim), it supported image rotation. Of course, this was before any of the modern scripting libraries existing, just as it was well before HTML5, so you can imagine that the method I was using to handle rotating images wasn’t the best in the world. It was, in fact, a real pain in the rear, even though it was functional.

With today’s newer browsers and the power of advanced scripting it’s pretty trivial to knock together in-browser image rotation. Therefore, I’d like you to behold a demo of what I think is one of the most important features on ditzie’s horizon (just tap the left or right arrow keys to watch the magic):

http://ditzie.com/demos/rotate.html

This is a feature that I’m quite anxious to add to ditzie, but alas, there’s some back-end work that needs to be done to support it first. Rest assured, however, that image rotation is something that ditzie will support in the not-too-distant future.

Categories: Development, Features Tags:
  1. Cyco
    July 10th, 2010 at 01:22 | #1

    Very cool. Do see a small issue with shadows though, I tend to bake all mine in with photoshop and rotating them is going to look a little weird unless I either remove the shadows or have them occur in all directions equally (ie outer glow set to darken). Both options would be suitable for certain applications but I’ll miss them if I removed them from the player & creature tokens.

    Ideally shadow support inside ditzie would sort that out but who knows how much work that would be or if it is in fact possible (well you probably – but certainly not me) :)

  2. July 12th, 2010 at 14:06 | #2

    @Cyco
    Hmm, support for shadows… that sounds like a tough challenge. I’ll have to put “figure out if it’s even possible” on the to-do-list. Theoretically, you’d clone the image, manipulate the color values to make it black and partially transparent, and the insert it directly under the parent image with a slight offset. The only part I’m not certain about is if it’s possible to manipulate the color values of an image in Javascript.

  1. July 16th, 2010 at 20:03 | #1
You must be logged in to post a comment.