Uses of Web Animation

1.5 Uses of Web Animation

 

 

 

Front Page Ads on YouTube. 

 

 

YouTube and Google are working together to monitor your field of interest and your web searches to narrow down the selection of ads they are going to show you. Each ad impressions costs the advertiser money. They (The Advertiser) don't want their ads to be showing on the wrong persons (the person that is not particularly interested in that product) screen. Google avoids this by monitoring your web search and taking "cookies" (A cookie is a simple text file that is stored on your computer by a website's server and only that server will be able to retrieve or read the contents of that cookie.)  from your web browser which they will later take and adjust the ads to the key words from your searches. The size of the ad banner is 970x250p and it is played in Adobe Flash. The whole advert is made out of raster graphics, except for the video interface which is vector based. This type of ad is used for showcasing a product that the advertiser wants to sell, in this case its a new phone made by Samsung, the Galaxy s6 and s6 Edge. The ad is also clickable and it leads you to the manufacturers website.

metoffice.gov.uk

Metoffice.gov.uk  uses this interactive weather map to show you current and future Weather and Rainfall updates.

The purpose of it is... well, to check on the current and future weather changes. This widget is written in HTML, containing both vector and raster graphic to give you the best of both worlds.

By hovering your mouse over the selected city you can see its current weather status, or its rainfall status if you select Rainfall in the upper left corner next to the weather. While hovering over your selected city you can click on it to get a detailed information about it. (see image below)

This will take you to a much more detailed map with more visual and time control. It allows you to see Temperatures, Rainfall, Cloud Cover, Pollen Count, Winds and much more. This map also features vector and raster graphics.

kotaku.com

Kotaku uses very much similar ads to youtube.com. A flash based ad that promotes a products in order for you to click on the ad and eventually buy the product.

The ad shows a small but important bit of information, just enough to get you to click on it.

This ad is raster based measuring 728 pixels wide and 90 pixels high. The whole banner is animated in Adobe Flash, and the only interactive object is the button which has this animation when you hover you mouse over it. Just as youtube ads, this ad is controlled by google, which takes your cookies and places the appropriate ads for you to see. 

 

There are a lot of ways to make web based animations. Just like Flash there are HTML, Java and more. Most of these are very similar, but ones take up less memory on your system and that makes for a better experience. When HTML5 came out, most developers made a transition to HTML5, because flash (former favorite) was getting slower, buggier, and more resource intensive than your browser's native decoder.