JavaScript :: HTML5 Useful In Animating Vector Graphics?
Nov 15, 2010
Does html5 developers animate vector graphics in any way? I'm talking about straight key-frame vector animation, such as what flash does. Is the way to do this basically using javascript to manipulate SVG graphics such as what [URL] does? which is a bit weird to me since it's been supported in browsers for quite some time) or does html5/canvas lend itself someway to vector graphics animation? I'm just trying to understand what's the "new" way developers will animate vectors on the web if/when flash plug-in eventually dies.
I have a large vector drawing (imagine 5000x5000) that i want to break up into separate pieces. I know that I can convert this vector drawing into a bitmap and then use the copyPixels method to create many separate bitmaps of the different regions of the original vector drawing, but is there any way to subdivide it into movieclips that just contain vector graphics instead of a bitmap?The reason im dividing a big chunk of vector graphics into smaller pieces is for performance reasons, so flash would only render a small part of this big chunk at a time (only certain regions/voxels/subdivisions are rendered at a time). But bitmaps apparently take up a lot of memory and the system im using would take much less memory if these subdivisions could be preserved in their original vector graphics form.
I imagine I could use masks somehow to achieve this effect (for each subdivision, duplicate the huge image and mask only the region that the subdivision represents), but I dont know the performance costs of masking or if this will create other problems.So is there anyway to split up a movieclip of vector graphics into smaller movieclips of vector graphics the same way copyPixels can with bitmaps?
I'm looking to build a website that has a flash interface and allows visitors to upload vector art in a number of file formats such as SVG, EPS and AI.
I have two rather large problems... 1) I need to load the original vector art, probably convert it to FLV and display it in my flash application. 2) After the user potentially loads a number of images, adds some text, rotates or transforms some elements, I need to save the resulting composition into a vector art format that I can print.
I'm not much of an AS developer...my experience is mostly in .NET/C# & C++. I'm looking for a good library or API that provides the functionality I will need to convert different image formats and save the results. How much of this can be done using Flash / AS...? How much in C#...?
I've checked on the web, but I can't find an article/explanation on how to import vector graphics from illustrator into Flash.If this isn't possible, how do you go about dynamically importing it (not in the swf)?
I can't seem to find free vector art made with flash. I want something like an FLA file I could open up and have a button or something nice looking to copy and paste. Does such a place exist?
Our scenario is that we have a visualisation in a flex .swf that we load data into (through a web service call). Once the data has been loaded we would like to use the resultant image in a PDF.I can send an image of a DisplayObject back to the server as a PNG and put it into a PDF (using iText), but the png is not scalable and it looks bad in the PDF at different zoom levels.To add a bit more clarity. The visualisations are not vector graphics that we import or embed during development, they are charts and trend graphs and custom visualisations created through the flex/flash drawing API, at runtime, based on data retrieved from the server.
I've done some searching and can't find a good answer on workflow for importing vector graphics in Flash 8.I created a layered Photoshop file and opened in Illustrator to save in .eps format. I'm using Flash 8 and Illustrator CS3. I've tried many options (including trying to simply create my buttons in flash), but can't seem to get the buttons to import properly for scaling purposes into Flash.
I am making an application, that will let you enter your name and then a car will drive each letter of your name in the sand. I have made a car and my artist made letters with vector graphics as a single line (.ai). But now I don't get how to make an algorithm that will drive through the lines of each letter. My first solution would be to make an editor, where you can create path, but I don't have that much time. Is there a chane to make path from vector graphics so that the care can drive through it?
I'd like to know if there is any way or any vector graphic file format that i can load dynamically at runtime on a web-based flash application.I have some files in pdf that i want to load in and i can convert them to jpgs at runtime and load the jpgs but then i lose vector graphics so when i zoom in and out they become pixelated.
I had a look a look at flashpaper to convert pdf to swf and load them in but i can't see anywhere in the documentation about converting the pdf's at runtime rather than manually dragging and dropping them in.So far i've looked at pdf, svg and .ai but none of these can be loaded at run time just imported into the .So can this be done? Or alternatively is there an application that can do the pdf -> swf conversion from the commandline then i could trigger php to do the conversion at runtime.
I've got a project that heavily utilizes the new 3d artwork tools in Flash CS4. My question is has anyone done any tests to see if Flash is quicker with raster or vector graphics? My SWF really bogs down on slower machines.
i've developed an cross-platform AIR application, which seriously under performs on mobile devices caused by animating/using vector graphics instead of bitmap assets. employing cacheAsBitmapMatrix / cacheAsBitmap is better, when and where assigned appropriately, but still not as fast as using bitmap assets.
i've attempted to bitmapData.draw() the vector graphics to a Bitmap object at runtime and animate the bitmap object instead, but this performs only about as well as (or maybe even exactly the same as) simply caching the vector graphic as a bitmap.
Flash Professional 5.5 UI now has the ability to convert a vector graphic into a bitmap assets, but is it possible to do this at runtime? is it possible to have an actual Rasterize() routine to convert programatically drawn vector graphics and maybe even editable text into bitmaps at runtime for optimal animated performance, especially on mobile devices?
I was wondering if there was a way to get better anti-aliasing than the StageQuality BEST/HIGH, where the Vector graphics are anti-aliased using a 4 x 4 pixel grid. I was thinking going maybe a 8 x 8?
I would be using it only temporarily, to .draw vector graphics into bitmapdatas, so performance wouldn't really be issue. I can always tell that Im looking at a vector graphic in Flash by the slightly poorer aliasing than if you look at the same vector path in photoshop etc. Just being a perfectionist I suppose
When it comes to imported vector graphics are there any methods to decrease the swf's file size as much as possible? So far I have:
- imported an illustrator ai file (strokes 'expanded' in illustrator and unneeded swatches/ brushes etc. deleted and with no raster images embedded) - exported the file in illustrator as swf and imported that swf into flash - imported ai file and breaking it down to flash shapes - optimized those shapes as much as possible
I rather use vector as much as possible. For a banner for examle, I've imported vector images of trees. I couldn't get it below 40 kb so I exported all illustrator files to png files which helped. Can detailed vector images be optimized just as much? Or is it better to use bitmap files when it comes to more detailed graphics? Does it matter if it is a vector images made in flash or a imported vector file even if both have the same number of paths?
I am working on a simple drawing application, and i need an algorithm to make flood fills.The user workflow will look like this (similar to Flash CS, just more simpler):the user draws straight lines on the workspace. These are treated as vectors, and can be selected and moved after they are drawn.user selects the fill tool, and clicks on the drawing area. If the area is surrounded by lines in every direction a fill is applied to the area.if the lines are moved after the fill is applied, the area of fill is changed accordingly.Anyone has a nice idea, how to implement such algorithm? The main task is basically to determine the line segments surrounding a point. (and storing this information somehow, incase the lines are moved)[code]
it is possible to save dynamically created vector graphics?Basically, I have a pen tool for drawing on screen and I would like to have the ability to save this data for later use, using Adobe Air.If it is possible, can anyone point me in the right direction with regards to the best file format to use, etc.
Does anyone know if it is possible to save dynamically created vector graphics?Basically, I have a pen tool for drawing on screen and I would like to have the ability to save this data for later use, using Adobe Air.If it is possible, can anyone point me in the right direction with regards to the best file format to use, etc.
I'm going to create a iOS app in flash and convert. I'm thinking I may want to load graphic assets at runtime. I'd like these assets to be vector graphics so they can be resized easily with no quality degradation. I usually use SWF files ofr this purpose. Unless I'm wrong, a converted iOS app probably does not load SWF files. So I'm wondering what kind of vector graphics file format can iOS load at runtime?
So now Adobe has pulled the plug on Mobile Flash and are pushing more for HTML5, and Silverlight has pulled the plug too, what's next for interactive video content. So if they die out (as they are currently trying to do) how do we access web cams (or even phone cams) on websites. The HTML5 Media Capture looks like it doesn't support streams only Files, so that could be out, is there any alternatives at the moment, or in the near future?
I need Flex code to support HTML5 File API. Because I need to support File API feature for those browsers that did not support File API. Do you have any code or link?
I'm looking for javascript libraries and code that can simulate localStorage on browsers that do not have native support.Basically, I'd like to code my site using localStorage to store data and know that it will still work on browsers that don't natively support it. This would mean a library would detect if window.localStorage exists and use it if it does. If it doesn't exist, then it would create some sort of fallback method of local storage, by creating its own implementation in the window.localStorage namespace.I understand that Flash and Silverlight can be used for local storage as well, but haven't found anything on using them as a fallback for standard HTML5 localStorage. Perhaps Google Gears has this capability too?Please share any related libraries, resources, or code snippets that you've found! I'd be especially interested in pure javascript or jquery-based solutions, but am guessing that is unlikely.
How would one go about caching / managing many large files (videos) on a user's computer via browser mechanisms (plugins are acceptable solutions). From what I can tell, local storage is about database type data, not files.
I am trying to capture the microphone and send the recording to my server.. I tried this method here but it records only a big WAV and the upload can be slow sometimes. Is there a way to capture the voice and compress it on the client side? Best method would be to send the recording while recording, but I have no Idea if this is possible. (It works for YouTube Live Webcam recording, it must work for Audio only too..)
I know it is not right out of the box, but is there a hack anywhere that uses javascript, php, or even flash to play the MP4s if the html5 video tag isn't supported?
I have a HTML5 video with jquery hooking into the player like so: video.currentTime += 1; But when IE comes along and insists on using Flash plugins, none of my JQ will work - How am i supposed to control the video when Flash takes over from HTML5?
The player im falling back to is JQplayer as "player.swf"
I am developing a web based multi-player board game and wondering what the best language for the UI would be? Its a board game similar to Go but a lot simpler.I have two options flash or the much touted HTML5 with JS. I have to learn both though I have basic knowledge of JS.The problem with flash is I have to pay for the server component but the UI development could be easier and have a richer look and feel to it. With HTML5 + JS there is no cost involved but the UI development I feel will be clunky and not smooth. This I am not sure.
I had created an HTML5 Canvas WebGL game in January for the Mozilla Game On 2010 competition (pretty late, I know - I never released it until yesterday). Now I want to port it to Flash ActionScript 3.0 for a college assignment.I'm well versed with both static languages like C/C++ and Java; and dynamic languages like Python and JavaScript. However I don't know ActionScript, but since it's a subset of ECMAScript it should be pretty easy to understand.I want to learn programming in ActionScript 3.0 so that I may be able to port my game in Flash. To be more specific, I want to know more about:How is ActionScript different from Browser and Server-Side JavaScript, and basics.OpenGL programming in ActionScript (including loading textures, shaders, etc).How to create a HUD in Flash using a 2D HTML5 Canvas like API (in my game I have 2 canvases, one for the 3D game and another overlaying it for the heads-up display).Support for vector and matrix calculations in ActionScript.How to load assets like audio and sprites in Flash.It would be even more helpful if you would check my source code in JavaScript and suggest the best possible way for me to tackle this problem.The code for the main game engine and the game itself may be found in my Github repository.
