Videos and Borders
Videos in HyperSpin are in the flv format. Videos are a big part of what make the themes in HyperSpin pop. You can get all the videos that HyperSpin uses from emumovies.com.
As with most of the artworks in HyperSpin, videos can be animated. Your initial installation of HyperSpin comes with a number of introductory videos and animated main menu themes. All videos get their animation information from the indvidual theme XML files but the videos themselves are not included with the themes. We will talk here about all the possible settings you can give a video in order to perform its animation.
Also all videos can include an extra image with them. These images are called video overlays and can be included in a theme zip file. All videos are attatched to the video when they animate so they adobt the same animation as the video. Video overlays are basically used to give your videos cool borders. Some people have been very creative with this feature.
Sometimes theme creators opt out of using images for their video overlays and use HyperSpin's built in drawing system to create a more generic 1 color border for their videos. Video borders can be drawn by HyperSpin by setting some extra attributes in the theme xml file and each video can contain up to 3 seperate video borders with 3 different colors. Drawn video borders can also be rounded or square shaped.
Here is an example of a custom image overlay vs a HyperSpin drawn overlay.
Custom image overlay HyperSpin Drawn overlay
First let's define all the theme video settings:
x - This is the x coordinate for final resting position of the video. The is based on the center of the video.
y - This is the y coordinate for final resting position of the video. The is based on the center of the video.
w - This is the width of the video.
h - This is the height of the video.
r - This is the rotation of the video. Numbers higher than 360 or less than -360 will cause the video to spin along its center axis.
rx - This is the x rotation of the video. Any number less than 0 or higher than 0 will cause the video to rotate in 3D space along its x axis.
ry - This is the y rotation of the video. Any number less than 0 or higher than 0 will cause the video to rotate in 3D space along its y axis.
below - This allows you to change the depth of the video to below the wheel. Normally the video is above the wheel.
overlaybelow - A rarely used feature but this will make it so the video overlay image will be placed below the video.
overlayoffsetx - Some overlays are abnormally shaped and not perfectly square. Instead of editing the image you can easilly offset the overlay manually.
overlayoffsety - Same as overlayoffsetx but will offset the overlay in the y direction.
forceaspect - Normally a video adhears to the width that is set and scales the height proportionally. But in some cases you need the video to perfectly fit inside an exacct square dimension. In this case you can set forceaspect to both and the video will adhear to both the width and height dimensions.
time - This is the total animation time from offscreen to final resting position on the screen.
delay - Setting a delay will allow the video to wait a certain amount of time before it starts to animate in.
type - This is the type of animation you want the video to use, see below for a list of all the possible animations you can use for videos.
start - This is the starting position for the video, it can be top,bottom,left,right or none.
rest - This is the type of resting animation you want the video to use, see below for a list of all the possible resting animations.
bcolor - If you want to use custom drawn overlays, then you can set the border color here. i.e 0x000000 is the same as black.
bsize - This is the size in pixels you want your custom border to be.
bolor2 - Same as bcolor but for the 2nd drawn border.
bsize2 - Same as bsize but for the 2nd drawn border.
bcolor3 - Same as bcolor but for the 3rd drawn border.
bsize3 - Same as bsize but for the 3rd drawn border.
bshape - This can be round or square. Default is square. Below is an example of square borders vs round borders.
Square border Round border
Below is an example of using some of the 3D feautres.
Types of possible video animations (previews are available here):
tv zoom out
Types of possible video resting animations: