Wallaby:Technical Tips
From Adobe Labs
Tutorials
- Using Wallaby
- Understanding Wallaby HTML5 content
- Reusing Wallaby HTML5 content in other HTML files
- Adding interactivity to Wallaby HTML5 content
- How to create an HTML5 content preloader
Technical Tips
Why is the HTML5 output from Wallaby larger than my SWF from Flash Professional?
SWF is a binary file format that includes compression. HTML5 content, on the other hand, is uncompressed text and xml. As a result it is likely that the HTML5 content will be larger in most cases. Additionally, the focus of this preview was more on features than optimizing the overall size, so we may be able to make improvements in the future.
Why does my HTML5 output look different than my original content?
This could be due to some of the Flash features that are currently unsupported (click here to see a table of feature status). Many visual differences are because filters and blend modes are not supported. You should make sure to look at any warnings that Wallaby emits during processing which can help you detect content that is likely to be different (or missing) in the HTML5 output. In some cases you may need to consider re-authoring your content to get a more desirable result.
Why does my HTML5 output have only little boxes instead of my artwork?
If you are using Apache to serve Wallaby HTML5 output it is likely not reporting the correct MIME type for SVG files. You will need to modify your Apache .htaccess file to correct this. There is an article at http://kaioa.com/node/45 on how to do this.
Why does Wallaby HTML5 output use SVG instead of Canvas?
There are a couple of reasons for this:
- SVG is rendered natively by the browser while Canvas is drawn with JavaScript. In our experiments, Canvas was a lot slower than SVG on portable devices.
- Using Canvas lowers the readability of the HTML since the output becomes a program instead of markup. We pay a lot of attention to creating content that can be repurposed by the user and extended through JavaScript.
Why aren’t all the Flash features supported?
In some cases there is currently no way to implement the features in HTML5/CSS3/SVG (i.e. blendmodes, some filters) and in others there are obstacles which need further research.
