![]() ![]() HTML5 banner production is significantly more time consuming, more complicated, more error-prone, and less efficient bandwidth-wise, and have silly creative limitations (hello blend modes and masking). Most of these people just see the headlines and don't work with both technologies. The headlines are always "Flash sucks, it needs to die". Everyone is so quick to kill Flash and embrace HTML5. I think perhaps over time these tools will improve, or maybe I just need to spend more time using them. With the extra time it takes to create banners in html5 these days I just can't afford this time to find a fix. Using an IDE alone to animate my elements is just too risky at this stage as I'm not sure what browser issues I might face when something breaks or doesn't work. I prefer to use GSAP as I know it will work across multiple browsers. I have much more control over my html markup when I don't use these tools and can structure my html more cleanly. I also find my markup becomes bloated and polluted with confusing id's and class names. I did look into Adobe Edge very briefly and found it more user friendly than GWD, however the extra overhead of the edge runtime added unnecessary file size to my ads. When using GSAP alone, I have to plot my X and Y values manually, which can become tedious after a while. I use GSAP for all my animation, so the only benefit I see with these tools is being able to quickly layout my DOM elements. I've tried using GWD but couldn't get the hang of it. The movieclips are all placed at x:0 y:0 and the sprite and mask are repositioned to match the JPG layout images on guide layers. It's routine to me now and my trick is to have all movieclips each with the sprite contained with a rectangular mask. The challenge here is to massage the javscript information into variables that I can paste into my HTML5 Javascript file. I use Flash's Actionscript to HTML5 Canvas which produces a javascript file with all my coordinate information contained. Of course getting the xy coordinates of my movieclips which contain a rectangular mask and a sprite sheet. ![]() ![]() IN this way I am repurposing my actionscript as javascript. I use Flash / Actionscript with TweenLite AS to develop my animation and then move my actionscript into a javascript file and use TweenLite JS. Assembling the images on stage to marry up to with jpgs as comps in guide layers allows me to see match the layout. Animation and design still matter.Ĭurrently I use Flash as my layout program importing a single sprite sheet which will be used for the HTML5 banner. We've also found that some publishers of a rich HTML5 unit doesn't resemble anything we would historically call rich-no animation, no story telling, just a chunk of HTML with some copy, links out to PDFs, a video tag, etc. Or allowing 3rd-partly libs that count as K-weight sometimes, but not in other cases, etc. Others impose weird restrictions like limiting the banner to 10 files. Many try to apply old Flash banner specs to HTML5, doesn't work. Ad networks and publishers are all over the place as far as specs. Outdated publisher specs is the most immediate issue. Doing HTML5 is the not same, the creative possibilities aren't quite as good, and the K-weights routinely come in at 2-3 times larger than Flash, nevermind introducing cross-browser/cross-platform issues. Everyone has engrained rules-of-thumb and ideas about banner production based on doing them in a pretty stable environment with Flash over the past 15 years. Old assumptions around Flash banners.this happens at all ends: account people, creatives, project managers, ad networks, ad publishers. ![]()
0 Comments
Leave a Reply. |