In this thread I'm going to show you the things I've found about the site. Most, if not all things are very trivial, and while they might not be helpful in finding things out about Brawl itself, it might be fun to know certain things about the site.
First of all, it's nice to know that Brawl is mostly JavaScript driven. Everything from the images to the setting of stylesheets is done by JavaScript. Brawl also heavily relies on Cascading Style Sheets. I'll go trough the backgrounds of all these aspects. Mind you, I will not explain the full mechanics of the site, only things which stay behind screen or are just not well known to people.
Index
1. General information
So far the entire site, including the off-site material, consists of over 200 MB of material.
2. Scripts and CSS
JavaScript
I've so far spotted five JavaScript files. These are:
So far the site works completely well, JavaScript wise.
CSS
Brawl completely relies on CSS. So far I've spotted four versions, two for Windows and two for Mac, each with one for Internet Explorer and one for Netscape-based applications.
Certain background elements are actually defined here. The biggest examples of this are the dotted lines and the background for character artwork images.
The Thickbox also has its own file for its styling.
3. The animations
Animations up to Pit's Descent are stored on the Brawl Dojo. The rest is on a remote server, data.nintendo.jp, which is the reason for the occasional downtime.
The animations which are stored on the Dojo are all stored in the 'swf' folder on the main root of the site, with the exception of the two trailers, which are stored in their respective language folders, under 'movies/swf'.
Like I said, there are two versions, the Flash 7 and the Flash 8 version. The Flash 7 version has the animation embedded inside the SWF file. The Flash 8 version however consists of two files: the main SWF file, and an FLV file, which is the actual video. Both files share the same name, save for the extension.
Up to Pit's Descent, the main SWF file links to the FLV a relative path, for example, 'movie01.swf' links to 'movie01.flv'. However, after that the files in an absolute path, for example, 'http://data.nintendo.co.jp/smashbros/en_us/movie071010b_ver8e.flv'. This has been a big problem in archiving the site, which means I actually have to decompile the SWF files and fix the paths.
So far the only animation which gives problem is Sonic Joins the Brawl!, the English Flash 7 version, where it doesn't play at all, despite having the animation embedded in the SWF file.
---------------------------------------------
If there is something that needs to be added, or if you have some questions, ask here.
First of all, it's nice to know that Brawl is mostly JavaScript driven. Everything from the images to the setting of stylesheets is done by JavaScript. Brawl also heavily relies on Cascading Style Sheets. I'll go trough the backgrounds of all these aspects. Mind you, I will not explain the full mechanics of the site, only things which stay behind screen or are just not well known to people.
Index
- General information
- Scripts and CSS
- The animations
1. General information
So far the entire site, including the off-site material, consists of over 200 MB of material.
2. Scripts and CSS
JavaScript
I've so far spotted five JavaScript files. These are:
- css.js
For handling the CSS settings, which is based on browser and OS. - flashconfig.js
For adding Flash animations on the webpage. The script will add a function which can check if the latest plug-in for Adobe Flash was installed (at least Flash 7 needs to be installed). If no such plug-in exists, a warning image gets displayed instead. This function is used for both movies as for music updates. - jquery.js
It's a special JavaScript library, which makes scripting less time consuming and probably easy. I have never used it before, but it is required for the following script: - thickbox.js
This makes sure certain links won't open in a new window, but rather in the same window in something the site calls "Thickbox". The Smash Dojo uses version 3, but it currently is in version 3.1, so they may have improved on it a bit. - site.js
This has a set of functions which may help ease certain commonly used JavaScript tasks, such as the menu button images.
So far the site works completely well, JavaScript wise.
CSS
Brawl completely relies on CSS. So far I've spotted four versions, two for Windows and two for Mac, each with one for Internet Explorer and one for Netscape-based applications.
Certain background elements are actually defined here. The biggest examples of this are the dotted lines and the background for character artwork images.
The Thickbox also has its own file for its styling.
3. The animations
Animations up to Pit's Descent are stored on the Brawl Dojo. The rest is on a remote server, data.nintendo.jp, which is the reason for the occasional downtime.
The animations which are stored on the Dojo are all stored in the 'swf' folder on the main root of the site, with the exception of the two trailers, which are stored in their respective language folders, under 'movies/swf'.
Like I said, there are two versions, the Flash 7 and the Flash 8 version. The Flash 7 version has the animation embedded inside the SWF file. The Flash 8 version however consists of two files: the main SWF file, and an FLV file, which is the actual video. Both files share the same name, save for the extension.
Up to Pit's Descent, the main SWF file links to the FLV a relative path, for example, 'movie01.swf' links to 'movie01.flv'. However, after that the files in an absolute path, for example, 'http://data.nintendo.co.jp/smashbros/en_us/movie071010b_ver8e.flv'. This has been a big problem in archiving the site, which means I actually have to decompile the SWF files and fix the paths.
So far the only animation which gives problem is Sonic Joins the Brawl!, the English Flash 7 version, where it doesn't play at all, despite having the animation embedded in the SWF file.
---------------------------------------------
If there is something that needs to be added, or if you have some questions, ask here.