Stop an Animation/Video From Playing When Hiding the Object

By default in HTML, if a Flash object is hidden, the DOM will not play nor load the animation. However, what happens if you have some tabs that hide the animation or video? This was an issue I ran into when building my portfolio. After doing some digging I found a solid solution that worked well for stopping the animation or video. Continue reading…

Converting a Flash Animation to an HTML5 Canvas

I recently created this Flash animation at O.C. Tanner that had a fun design by Steve Newman.

I thought I would challenge myself and see if I could convert it to HTML5 using a JavaScript library by Grant Skinner called EaselJS. Easel is appropriately named since it makes holding the canvas highly manageable. It basically simplifies writing to the HTML5 canvas; it is nearly as easy as doing it in Flash. I took all the assets I used in the Flash project and utilized placement from the Flash interface and animated the elements within the canvas with JavaScript. Some of the animation was simplified, but for the most part I think it turned out quite well. I even tested it on my iPad and it works great (minus the sound not working).

Reward Matters Continue reading…

Customizable jQuery Drop-Down Menus

Drop-down menus are standard in websites to easily organize site navigation. By applying a few lines of jQuery and accompanied with some CSS, you can easily create some slick looking menus. A while back I wrote about “Generating a Dynamic Selection DropDown with jQuery and AJAX.” For simplicity of that tutorial, I didn’t focus on drop-down menus, but you could easily apply the dynamic content driven in that tutorial to the methods explained here.
Continue reading…

Printing Content Within Flash

Recently, I was given the challenge to make Flash in an eCard printable in all browsers through the HTML. The thing about printing an HTML page with Flash is that the default on all browsers is to suppress printout on background images as well as Flash Objects. The challenge was that both content from the HTML page and Flash content needed to print. The solution I came up with was to push all desired printed content into Flash and utilize Flash’s PrintJob Object. Continue reading…

Experiment with a Simple jQuery/CSS Clock

It may seem a bit of a basic experiment, but I thought I would experiment a bit with jQuery and create a simple clock. The concept is basic, but understanding the basics can lead to even greater discoveries. Continue reading…

How to Clone Objects in AS3

Cloning simple objects in AS3 can have great advantages when creating an application. It creates shortcuts for recreating an object. I have put together a simple example of my exploration with cloning TextFormat and TextField objects. These methods can be applied to cloning other objects as well. Continue reading…

How to Animate a Line Drawing With Flash Using Actionscript 3: Part 2

If you haven’t read Part 1 on Animating a Line Drawing, I suggest you start there. It goes into the basics of recording your animation using points with the click of a mouse. Here, in Part 2, I have decided to go into more depth of enhancements of the line drawing tool for greater control while experimenting with options and certain effects.

Continue reading…

How to Animate a Line Drawing With Flash Using Actionscript 3: Part 1

Have you ever wanted to create an animation of a line drawing? I was given this challenge recently to animate a picture being drawn. At first I thought that using masks was going to be the only way to go, but I quickly realized that it is a pain to mask complex lines in a drawing. I also was thinking that reduction animation could work where segments are erased frame-by-frame, but this quickly becomes monotonous pain-staking process. Then a colleague and I began to think of a way to do this programatically through Actionscript. As it turns out, it really isn’t overly complex to program.

Continue reading…