Showing posts with label transitions. Show all posts
Showing posts with label transitions. Show all posts

Friday, November 14, 2014

The [Computer] Science of the Transition

Everyone appreciates a good transition. Even the simplest of transitions, be it a fade or a slide, can add a lot a composition. As simple as a fade is, it takes a fair amount of background action to get it to do what is intended.




Any transition from image to image requires a few basic things. Each pixel of Image 1 has to be iterated through and replaced by each pixel of Image 2. This is accomplished using a bunch of nested for loops. The cool stuff, like fades, twirls, and slides, happen within these for loops. While the transition is happening, the place of the pixel is being messed with and math’d with. 
           
      
            for(int sx = 0; sx < width; sx++){
                       for(int sy = 0; sy < height; sy++){
                             double dx = sx - x0;
                             double dy = sy - y0;
                             double r = Math.sqrt(dx*dx + dy*dy);
                             double angle = Math.PI / 256 * r;
                             int tx = (int) (+dx * Math.cos(angle) - dy * Math.sin(angle) + x0);
                             int ty = (int) (+dx * Math.sin(angle) + dy * Math.cos(angle) + y0);
...

Transitions like these don't take a lot of code to make, but can make a big impact. An image transition in Java can be written in just a few lines. As long as the pixels end up in the proper position at the end, you’ve got yourself a transition.

Friday, October 3, 2014

THAT 70's SHOW TRANSITIONS

Well this is the second time I'm writing this blog because of some fun connectivity issues so I apologize for my blunt writing style this evening. I swear the first time around I was painting word pictures that would be hanging in the Louvre in a hundred years if that ever becomes an exhibit.

Earlier today I began the long journey of watching the hit television sitcom That 70's Show from start to finish. As I laughed watching a young Ashton Kutcher and Topher Grace make their careers, I was also reminded of one of the shows most fundamental elements: the transitions from scene to scene which not only featured the character who would be starring in the next scene but also had them moving or dancing in front of an animated background.

Here are a couple of examples:

https://www.youtube.com/watch?v=iy7kr5pTKJ0

https://www.youtube.com/watch?v=7PG_w-z5vOI

These same transitions were used throughout the years that the showed aired but the first two seasons featured some very interesting transitions that weren't used again in the later years. Using a very cost-effective technique known as "Syncro-Vox" (http://en.wikipedia.org/wiki/Syncro-Vox) pictures of Farrah Fawcett and Richard Nixon were shown screaming rock lyrics. Syncro-Vox was developed by Edwin Gillete in 1956 for advertising purposes - making animals look like they can speak for commercials. History lesson aside, what I realized is that the caliber of animation in a hit television show is at the same level as the reel we watched in class on Thursday showing the work of previous Motion Graphic & Animation classes. Needless to say, I'm excited to see what kind of work I'm producing at the semester's end.