Intelikids Painter
Posted on 04. Sep, 2009 by admin in Uncategorized
I did some work with The Bio Agency in London on a Flash based painting application.
This fun project had some interesting technical challenges … in particular we wanted to create the illusion that the pencil was floating above the canvas. We originally thought we’d achieve this with Papervision 3D but I created something much simpler and lightweight in 2D with a bit of math and some clever use of shadow.
Also, some painting applications use a series of straight lines from point to point to create the drawn line effect. Others use the stamp method of printing a shape into a bitmap every frame. These techniques look fine while the user is drawing slowly but it soon breaks down when the mouse is moved fast across the screen and the line either breaks or becomes too angular. My version of the painter application creates a smooth bezier curve from points plotted in real-time. The result is a smooth, continuous line.
Try it out! Click here to launch.
Recent blog posts
- Pixel-perfect accuracy with FXG?I’ve been running some tests in Flex rendering FXG rects with a stroke to see if there’s a way to get the strokes to render inside the bounds of the object. I need this precision for a project I’m working on and unfortunately it doesn’t look good. All of these tests were done using some […]
- Flash Catalyst and the Designer/Developer workflowUploaded with plasq‘s Skitch! Uploaded with plasq‘s Skitch! Uploaded with plasq‘s Skitch! Uploaded with plasq‘s Skitch! Uploaded with plasq‘s Skitch! I drew this up recently to illustrate a proposed workflow for a project I’m working on. This is similar to the workflow as proposed by Adobe but with an extra level of respon […]
- Archiving and Unarchiving objects in Objective-CWoohoo … my first Objective-C related post! Ok, so this is nothing new but I thought I’d log a couple of things that caught me out as a NOOB to the whole iPhone development malarky. First off archiving your objects is a way of saving them to a property list file that sits on your […]
- Another custom Flex preloader but with RSL supportThis post has a great article on building a custom Flex preloader which also allows you to handle the progress of the runtime shared libraries that the Flex framework now loads into the users cache. The DownloadProgressBar component allows you to view the progress of the runtime shared libraries but be aware that it can […]
- Custom Preloader class for Flex appsI’ve blogged on this before but here’s an updated version of a custom preloader class that extends Sprite and loads in a MovieClip from a SWC to use as the animation and display the load progress. Custom preloader for Flexpackage com.cravens.nr.preloader { import com.cravens.nr.model.Config; […]
- Detecting when text has run into the end of a container in a TextFlow objectMore fun and games with the Text Layout Framework. So, I have a load of links being flowed one by one through a bunch of linked containers. I need to detect when a link reaches the end and has ‘overflowed’ so to speak. To do this you need to make sure your ContainerController objects have […]
