position & background size of SWF is improper on site
Posted: 20 Nov 2008, 21:39
by joyfeng
I installed the latest version (ImageVue.v2.0.build.3.September.2008.Beta) on my personal website. Thanks for those fantastic functions, everything goes smoothly except for a SWF position problem.
The original size of SWF file is 400 width, 300 height without any background color. After it is uploaded to my customized folder, I found the flash has large background in white, and it doesn't play at the center of the screen. Also the other SWF files has the same problems.
Please check the screenshot as below:
URL of those bug issues are:
http://www.joytoday.net/portfolios/v2/i ... card5.swf/
http://www.joytoday.net/portfolios/v2/i ... flash.swf/
http://www.joytoday.net/portfolios/v2/i ... ation.swf/
I tested it in IE 6.0, and tried it in FireFox, MAC IE, unfortunately, it has the same flash problem. I don't have any ideas now... Those FLV videos are playing well. In Imagevue showcase example, the SWF plays fine as well. So what I have to do is to post a bug issue at here and look forward to your warm help!!! Thank you in advance!!!

Posted: 21 Nov 2008, 01:28
by mjau-mjau
Unfortunately, this is an issue which can easily be explained.
When imagevue loads a SWF, it places it in the middle based on the size of the SWF. The SIZE of the SWF is not the size of the stage, it is the maximum size of all the content in the SWF. If the animation has masks, or animation articles that go outside the stage area, it will make a wider SWF. This will affect both the FRAME and the position/alignment of the SWF.
Also, in your SWF, it seems like you have the white frame going outside of the top left border(0,0 coordinates). This does not register because imagevue has to load the clip into a movieclip that is placed at 0,0.
The only way to make sure your SWF is displaying correctly, it to create a SQUARE transparent(0% alpha) background in frame 1, that covers the entire area that your animation covers. Also, you should place your animations with top left of the STAGE actually being the uppermost top left of your animation.
If you want to forward one of the FLAs to me, I would gladly dissect it and tell you exactly why imagevue is having problems positioning it properly.
Unfortunately, this is a problem for displaying SWF files, and even for the demos I had to remove a few examples. The problem is that a SWF file simply does not have width or height, else than the actually dynamic content which is often changing inside it. Imageuve must use width and height to position the movieclip, and create a frame behind it.
Posted: 21 Nov 2008, 03:16
by joyfeng
Great thanks for your detail answer mjau-mjau!!! Really appreciated for your help!!!
Your explaination can be regarded as one of the tutorials of Imagevue V2. As you said, those animation elements go outside the stage area in source FLA file, so what I had to do is to add the white mask to cover them.
Let me attach the relevant FLA file at here.
http://www.joytoday.net/card5.fla
Unfortunately, I have a lot of similar SWF files as the above example. Almost all of them have the relevant masks and complicated animations including AS codes. Obviously, it's impossible for me to change source FLA files one by one. I want to upload all of them as one of my interactive portfolios to apply for animation schools.
Now I'm following your method to do some tests, hopefully it can be figured it out soon!!! Thanks again!!!
Posted: 21 Nov 2008, 04:49
by mjau-mjau
I am sorry that there is no easy solution to this. Unfortunately, content that is hidden behind a mask also determine the width/height or some content. I have tried it myself to contain some content, but it doesn't help ...
Posted: 23 Nov 2008, 02:34
by joyfeng
Hi Mjau-mjau, the problem is solved today! Just take an easy way! Ha!
I created some folders and set them as the HTML text pages.
In content, put the html code:
<img src="content/INTERACTIVE/Flash eCard/YangShenTang/card5.swf" width="400" height="300">
Then the flash displays fine on site!!! Great! Please check the URLs as follows:
http://www.joytoday.net/portfolios/v2/i ... gShenTang/
http://www.joytoday.net/portfolios/v2/i ... gShenTang/
Hopefully those professors could see my flash works without any difficulty. Thank you for your help again!!!

Posted: 24 Nov 2008, 00:28
by mjau-mjau
hehe ... nice