I want to export swf into SVG animation.
This website already used swiffy and runtime generating svg shapes.
http://gardenestudio.com.br/1-ano/
But When I convert my swf file into html 5 using swiffy it exporting animation in Canvas.
Please guide me how to get swiffy animation into SVG shapes.
This is from the Swiffy website, Release notes, August 4, 2014 (version 7.0.0) :
Switched to HTML Canvas for renderering [sic]
rather than SVG. This allows improved fidelity for filters and other
graphical effects and provides more consistent results across a
broader range of platforms including mobile devices.
Since the Swiffy extension in Flash accesses Google Swiffy as a web service, "you always use the most recent version of Swiffy". So, if the most recent version of Swiffy has switched from SVG to canvas, then I guess you're stuck with it.
Related
I have built an HTML5 creative that will be served via the Google Doubleclick environment. It utilizes CSS3 transforms / 3d animations etc. that aren't supported by IE8/9/10.
I would like to use Modernizr and checked the documentation but couldn't find any info as to how to reference an independent Flash(swf) file as a fallback. I don't mean within the same html document - like when you would hide or display a div, depending on what the browser supports, but instead just having a separate Flash file served?
Ideally I would just upload the swf, along all other HTML5 files into the same directory within the Doubleclick Studio environment, reference the swf via relative path and then have it served to IE8/9/10.
Any suggestions are welcome.
Thanks!
check out the latest version of yepnope, which is what powered Modernizr.load
I have Some sample fla Content which I am not able to convert into HTML5 with interactions
What I tried is
Google Swiffy --> Gives interactions [not full] but no sound. Issue is it works for content less than 1 MB
Toolkit for CreateJs --> Initially I got jsx errors but I cleared them by removing Special Characters in element names. But non of the case I got interactivity [Means I was not able to use my Mouse events or clicks
HTML5 Canvas in Flash Pro CC --> even here I got same above result.
Did I am missing something ??
You didn't really miss anything. Flash's HTML conversions do not convert AS3 to JS (that would be nice if it did). In this case you have to write the interaction using JS.
Sounds like you're using Google's online SWF-to-Swiffy converter, which has a 1MB limit. There's a better way, if you have Flash Pro CS5 or CS6 and the original FLA files. Try this:
download Google's swiffy generator and instal it in your Flash Pro (read instructions carefully)
open your FLAs and find the sounds that don't play in the swiffy file - most likely they are set as streaming sound (streaming audio is not supported by Swiffy), so change them to event sound
BUT, looped event sounds exported to Swiffy only play once (they don't loop), so if you need them, export the sound from the FLA (as .wav), and copy and paste it as many times as necessary in a new .wav file and re-import
All done? Now export from Flash Pro using Command -> Export as HTML5 (swiffy)
NB: Google's Swiffy extension for Flash Pro won't work with Creative Cloud, and on mobiles there'll be NO AUDIO whatever you do - sound only seems to work on desktop PCs, owing to mobile restrictions on unsolicited big-file preloads.
I have to develop a website of a residential building project. The client asked me to embed an interactive 3D view of the model project into the website. The model must be interactive and all available flats color different from the already booked flats. And on hovering the mouse on it, the details will be fetched from the database and will be displayed outside the 3D view.
Thats the whole scenario. Now I need some guidance or an starting point that which 3d library should I use. Because it must be compatible with all major desktop and mobile browsers and no external plugin required.
I have searched on Google and found some libraries:
WebGL
three.js
But I don't know which one will be suitable for the project. If any other most supportable library exists, please inform me. Or just give me a way to start.
WebGL itself is not a library, its the technology that is used by libraries like three.js etc.
Without any knowledge on 3D programming you should take a library like three.js or microsofts babylon.
it must be compatible with all major desktop and mobile browsers
WebGL is not supported by IE < 11 and also the only mobile browser that supports webgl is chrome on android that just recently became the standard browser on android >= 4.4 (KitKat) so has a rather low coverage.
Also (stock)iOS has no app supporting webgl.
Hi there...
I am having a query about how to publish in HTML5 format through flash.
I have a .fla file containg animation and Actionscript 3.0, when i publish it to HTML, it ask to download flash player in browser. But it is not necessary to have flash player in the browser while loading the .html file. So plaease guide me for the issue.
Thanks in Advance..
You're misunderstanding what the menu means by publish to HTML. This is simply publishing a SWF file and a corresponding HTML file that has HTML code to embed the SWF. This is not a cross compilation option. Those exist but that's not what you get in Flash CS5 by default.
If you're interested in Cross Compilation from AS3 to HTML/JS you can check out Randori and also projects like FalconJS:
http://blogs.adobe.com/bparadie/2011/11/19/what-is-falconjs/
I saw a talk about both of these recently in Chicago by some of the developers. They both seem like promising concepts (basically dodging the flash player).
The other option if you're trying to develop for mobile deployment is to package your code as an air installer. This will run your code on top of the AIR runtime (which has support on tons of devices, iOS, Android, Blackberry etc.), but this is not an in the browser experience, but rather a download the app type deal.
From what I got from the two developers (one from Apache Flex, one the creator of Randori) neither wanted to put too much trust into Adobe's platform given it's no longer supported on most mobile devices.
As an aside Adobe also has a product called Edge that allows you to do animation with a similar tool-set to what you get in Flash and exports HTML/JS/CSS. If you're not interested in AS3 or object oriented programming or type-safe languages cross compiling might not be the best option. I've personally been playing with AngularJS lately and been liking it due to the parallels with Flex, but there's a lot of great scripts/libraries/frameworks out there, if you explain a bit more of what you're trying to accomplish I can give more directed guidance.
is there any way to do a flash-like animation for the splash screen for iPad app in HTML5.
i have searched a lot for javascript but did not get anything.
The usual alternatives to Flash animation are canvas (which has its own API) and SVG (which is subject to standard DOM manipulation), both of which are supported by iOS Mobile Safari.
Adobe is developing an HTML/Javascript/CSS based alternative to Flash Builder called Adobe Edge, you can download it for free for a limited time for Adobe Labs. It doesn't have nearly as many features as Flash(at least not yet), but it provides enough basic functionality to accomplish what you are asking.