Drawing Widget

This is a drawing widget that I created in AS2 when I was first learning to use the Flash Drawing API. It uses relatively simple code which, when the mouse button is down, constantly checks the cursor position and draws a straight line from its previous position to the new. With a high enough frame rate (100 fps in this case) the individual straight lines are small enough to not be noticeable. The API makes it easy to adjust the properties of the line. In this widget I have added the possibility to adjust the thickness and colour of the lines but there are options to add blur, glow and drop shadow effects that can be used to create different types of line. I hope to soon upload some other work I created to demonstrate this.
The original version of this, that I created some years ago was, very plain with a white background and a black border to denote where to draw. I decided to update the visuals before uploading it. In PhotoShop and other image editing software, icons of real world objects such as pens and pencils are used to give an impression of their digital equivalents. For this widget I took that a step further by creating a desk with a sheet of paper to give a familiar context. The desk texture is by naveenvverma from deviant art. The Pencil icon is from the BasicSet icon set by Pixel Mixer and the eraser icon was from the MixedIcon set by simiographics. The paper was created in PhotoShop as a simple white box with a slightly warped drop shadow. The indented titles was created within Flash by adding a black knockout inner glow to the text.


Post Code Checker (AS2)

This is another old piece of AS2 code that I created to validate British postal codes. In AS3 this is an easy task as AS3 supports regular expressions and there exists a regular expression for post code formats. See BS 7666. In this case I had to create a function that took an input string, converted it to a format code and checked that code against the possible values for each format. I have made the code for this function available here on the off chance that it is useful to someone! Feel free to use it, but leave me a comment if you do!
I used a transparent glass UI PSD provided by PixelsDaily.com and some tick and cross icons that i found at icon finder for the visuals.


Pie Chart

This pie chart is an old bit of AS2 work. It works by calculating a value between 0 and 100 for each slider and attaching 100 coloured slices of different colours at calculated angles. I updated the look of it from the original I created a while back. I found some metallic textures and used them to give the pie chart an industrial feel. There wasnt any specific reason for making it look this way! It was more of a design exercise really. I was particularly happy with the slider buttons, which I drew myself in Flash, and the the indent of the slider path, which was simply created with an inner shadow, but looks great with the mateal texture. In terms of application, I will hopefully use it in a Flash game at some point with some range markings added.


Photo Clock

This clock was born out of curiosity. I wondered how easily a clock could be created using the time class. Turns out it was pretty simple! It was done in AS2. Each number is an instance of a movieclip containing ten frames, one for each number from 0 to 9. The code gets each relevant time value, hours, minutes, seconds and splits them apart. Then, every second the movieclips are sent to the relevant frame. In theory, any ten images could be added into the movieclip to change the look. An improvement I could add would be to have the images imported from a folder in the same directory. That way the swf could be uploaded to any website, with the user providing the images. I could see this being used on a website or perhaps as a screensaver.


Page 1 of 1 pages