DoNotYet.com » Flash http://www.donotyet.com Freebie Resources for Tech Users, AIR, Flex, Flash Developers and Photoshop, web Designers Wed, 07 Dec 2011 06:35:54 +0000 http://wordpress.org/?v=2.8.2 en hourly 1 7+ ActionScript Class Let You Using XML Easily http://www.donotyet.com/2010/01/14/7-actionscript-class-let-you-using-xml-easily/ http://www.donotyet.com/2010/01/14/7-actionscript-class-let-you-using-xml-easily/#comments Thu, 14 Jan 2010 14:58:03 +0000 admin http://www.donotyet.com/2010/01/14/7-actionscript-class-let-you-using-xml-easily/ Using XML is one of the best ways for structuring external content in a logical format that is easy to understand, process, and update.

The XML libraries have been completely overhauled in ActionScript 3. It implements the powerful XML-handling standards defined in ECMAScript for XML (E4X) specification. The XML class contains methods and properties for working with XML objects.

In AS 2 we create an XML object and then call the XML.load() method in order to load in an external file. In AS 3 loading of external XML files is handled by the new URLLoader class.

Here is 7 XML operator Class in actionscript which let you using xml easily.

xml-child-parent-structure

1)  XMLConduit

XMLConduit is a simple class that allows you to use POST and GET to return XML data from a URL (budget webservice). It works really well, you can just extend it by adding your own required methods, or you could set it up with one generic method that supplies the event type, etc. and you could send it an object with properties instead of specific arguments (so you could loop through and inspect them).

2) XML Loader Class

XML Loader Class is based on Sephiroth’s XML tutorial post, but there were some syntax errors I had to correct so I thought it might be worth posting and saving folks a minute or two. I also blew out his example into a proper Class, which might be useful for some to compare. Cheers.

3) Actionscript XML Search Utillity

A neat little class for searching through an xml object, options include recursive search or just return the first instance. Proper documentation to follow.

4) XMLParser

This class provides an easy way to load and/or send an XML file and parse the data into a format that’s simple to work with. Every node becomes an array with the same name. All attributes are also easily accessible because they become properties with the same name.

5) XMLHighlighter

Use the methods and properties of the XMLHighlighter class to generate the html code to generate color highlighted pretty printed XML.

6) XML2Object

This class allow you to tranform every kind of XML file into a Native AS Object. Inside the .zip there is also an example on how to use it

7) Atom

An AS 2 class to represent and parse Atom feeds.

Related Posts

]]> http://www.donotyet.com/2010/01/14/7-actionscript-class-let-you-using-xml-easily/feed/ 0 Prediction of Character’s Movements in Flash CS3 http://www.donotyet.com/2009/10/10/prediction-of-character-movements-in-flash-cs3/ http://www.donotyet.com/2009/10/10/prediction-of-character-movements-in-flash-cs3/#comments Sat, 10 Oct 2009 14:00:00 +0000 admin http://www.donotyet.com/2009/10/10/prediction-of-character-movements-in-flash-cs3/ In definition, prediction means preparing for actions in advance. And you can show audience an animatation to catch their attention of next incident, such as stooping and discharging a stone. Prediction also can make some uncertain feelings. It tells audience that some surely will happen next second while some is still uncertain in longer time. As a credible animatation, it is crucial to predict, because there may be unexpected and perverse accidents without prediction at first. In addition, learning how movements affect our body postures is very important for an animatation designer. Here we go!

clip_image002

clip_image004

1. The image above shows the original position of the character. We cannot see what will surely happen, but we can imagine the next movement he may do. He stands tensely, with hands next to holsters. We can see and control it, so you are a director, you can order this actor to do anything you like!

2. Prediction and make a reverse moving animatation. Insert keyframe in every figure at next movement, revolve and locate character with the free transform tool. Add interpolation and inching when move out, in order to express the tense of his muscles.

clip_image006

3. Sometimes an animatation needs more keyframes to obtain character’s movements and postures. This animatation has four different postures of character, and every one of them applies interpolation and inching.

clip_image008

4. The first step is that one leg leans back and supports entirely body weight. Absolutely it is an uncomfortable gesture. And now it needs prediction.

clip_image010

5. Here we use the envelope tool to add more tense to this character. According to the reality and nature, It certainly should change when our postures move like that.

clip_image012

6. Newton has demonstrated us that every action has its reaction. Keep this discipline in mind, make character’s reverse movements animatation and he can finally reach expected movements in the end. Have fun!

clip_image014

Related Posts

]]> http://www.donotyet.com/2009/10/10/prediction-of-character-movements-in-flash-cs3/feed/ 0 ASZip: A Very Useful ActionScript 3 library to Generate ZIP file with Simple Interface http://www.donotyet.com/2009/09/27/aszip-a-very-useful-actionscript-3-library-to-generate-zip-file-with-simple-interface/ http://www.donotyet.com/2009/09/27/aszip-a-very-useful-actionscript-3-library-to-generate-zip-file-with-simple-interface/#comments Sun, 27 Sep 2009 13:49:03 +0000 admin http://www.donotyet.com/2009/09/27/aszip-a-very-useful-actionscript-3-library-to-generate-zip-file-with-simple-interface/ Because a zip file permits a number of compression algorithms so a ZIP file contains one or more files. FZip is a cute little Actionscript 3 class library, it parses ZIP archives progressively, allowing access to contained files while the archive is loading(@see Actionscript 3 class zip library–FZip).

Now we will introduce an other actionscript zip library: ASZip.  You can generate ZIP files from ActionScript 3 with ASZip. ASZip uses the native gzip (Deflate) compression from the flash.utils.Bytearray.compress() method. More compression algorithms will be added in the future. ASZip has simple interface to add different types of files and directories.

ASZip-ActionScript-3-library

The following is a simple sample to generate a text file and PNG file to a zip file:

  1. // create the Zip file, first param : compression method
  2. var myZip:ASZip = new ASZip (CompressionMethod.GZIP);
  3. // create a flash.display.BitmapData
  4. var myStevie:Stevie = new Stevie (0, 0);
  5. // encode it as a PNG
  6. var bytes:ByteArray = PNGEnc.encode (myStevie);
  7. // create a text stream
  8. var txt:ByteArray = new ByteArray();
  9. // write some text into it
  10. txt.writeUTFBytes("Hello there !!");
  11. // add a pics folder
  12. myZip.addDirectory ("pics/");
  13. // then a text folder
  14. myZip.addDirectory ("text/");
  15. // pass the PNG stream and specify a file name and location
  16. myZip.addFile (bytes, "pics/stevie.png");
  17. // pass the text stream and specify a file name and location
  18. myZip.addFile (txt, "text/story.txt");
  19. // add a comment
  20. myZip.addComment ("A comment !");
  21. // generate final Zip file
  22. var myZipFile:ByteArray = myZip.saveZIP ( Method.LOCAL );

You can download the source from: http://code.google.com/p/aszip/downloads/list

 

Related Posts

]]> http://www.donotyet.com/2009/09/27/aszip-a-very-useful-actionscript-3-library-to-generate-zip-file-with-simple-interface/feed/ 1 Away3D: Make your 3D program Easily( 14+ great tutorials ) http://www.donotyet.com/2009/09/07/away3d-make-your-3d-program-easily-great-tutorials/ http://www.donotyet.com/2009/09/07/away3d-make-your-3d-program-easily-great-tutorials/#comments Mon, 07 Sep 2009 14:22:30 +0000 admin http://www.donotyet.com/2009/09/07/away3d-make-your-3d-program-easily-great-tutorials/ Away3D is a powerful realtime 3D engine for use with Flash and Flex. There are few 3D engines available for Flash that can make use of the new features of Flash Player 10, but Away3D support it smartly.

Following are some Away3D Pluses:

  • Performance seems fantastic for this initial trial.
  • The learning curve (at least coming from PV3D) is pretty freaking low.
  • I love the Skybox6 class. So much easier than creating your own cube and trying to size it nicely as is required in PV3D (though making your background image seems a bit tricky and I just used one that comes with the Away3D demos download.
  • While I haven’t tried them yet, the Pixel Bender filters that come with the Flash 10 release look freakin’ awesome. I’m sure PV3D X will do something similar, but I can’t wait to have the time to dig into these and see what can be accomplished.
  • The materials available are terrific and slightly easier than their PV3D counterparts.

Because the program is conceptually split into two areas: the "engine" and the "application",  Away3D can be used easily. The following are some basic tutorials, I hope they are helpful for you.

away3d

Getting Started with Away3D

In this tutorial I will be showing you how to get a basic Away3D program up and running. This will be the first in a series of tutorials, and as such we will lay down a lot of foundation here that we can build on. This means that while the outcome will be quite simple, we will be creating a few classes as a result.

 

Effects

This tutorial will make use of the code established in the last tutorial to build an application that demonstrates the use of the Flash filters with Away3D objects, and you’ll notice that we only introduce one new class, and a few new functions.

 

Mouse Interaction

Mouse interactivity is a must for all but the most simple web applications, and 3D flash applications are no exception. Not only does it allow the application to respond to a users requests, but allowing the user to click on and interact with an application also entices the user to investigate your application further. You’ve probably already seen this user interaction with a lot of Flash advertisements. Thankfully it is quite easy to respond to mouse events with Away3D.

 

Primitives

The away3d.primitives namespace includes a number of common (and one or two not so common) 3D shapes  that you can create and display without the need for external mesh files.

 

Environment Material

Environment mapping is a process that aims to fake the look of the external world reflected on an object. I say "fake" because even the fastest home PCs don’t have the processing to ray trace the actual world reflection in real time (at least not in any scene that has any sort of detail).

 

Particles

Learn how to integrate the Flint particle system with Away3D.

Away3D does not have a particle system of its own, which is a shame because particles are a great way of displaying complex effects without requiring a lot of processing power.

 

Bump Mapping Material

See how to implement bump mapping in an Away3D application.

Bump mapping is a common technique that is used to give 3D models more detail without adding more polygons. It does this by changing the brightness of the texture pixels according to a normal map and the location of a light source.

 

Animated Textures

See how to use video files as textures in Away3D with this tutorial.

Although Flash started out as a vector animation tool, it has evolved to encompass a lot more. One of the features of Flash that has been very popular is its ability to play videos – YouTube is probably the best example of this.

 

Skybox

Learn how to add a skybox to an Away3D scene.

A skybox is used to encompass a 3D scene with an image of some distant scenery. The viewer of the 3D scene can never get close to the scenery, giving the illusion that it is infinitely distant.

 

Physics

Learn how to integrate the Jiglib Flash physics engine with Away3D.

Away3D can load a number of model formats, one of which is the Quake 2 MD2 format. Even though Quake 2 is quite a few years old now, a number of animation tools exist to create MD2 files, and the free models already available

 

Loading MD2 models

Learn how to load Quake 2 MD2 models in an Away3D application.

 

Depth of Field

Learn how to implement the depth of field effect in Away3D.

Depth of field referrers to an effect in photography where an area of a scene is in focus, and everything before and after that area is blurred. In 3D rendered scenes normally everything is in focus unless some special effort is made to implement a depth of field effect. In Away3D this effect can be achieved by using the DofSprite2D class.

 

3D Text

Learn how to add 3D text to a scene in Away3D.

A new feature to Away3D 3.4 is the ability to create 3D text. The 3D Text screensaver for Windows is a good example of this effect. This ability actually comes from the swfvector library, which the Away3D TextField3D class uses to create a 3D model from a font definition. The TextExtrude class can then be used to create characters with depth.

 

Create from Scratch a Away3D Shoot’em’Up Game

At this first part. we look at getting the Away3D engine up and running by creating a UIComponent  that will contain and initialize the necessary Away3D components.

Related Posts

]]> http://www.donotyet.com/2009/09/07/away3d-make-your-3d-program-easily-great-tutorials/feed/ 4 An example of How to load FlashPaper in Flex(with source code) http://www.donotyet.com/2009/08/15/an-example-of-how-to-load-flashpaper-in-flex/ http://www.donotyet.com/2009/08/15/an-example-of-how-to-load-flashpaper-in-flex/#comments Sat, 15 Aug 2009 13:23:16 +0000 admin http://www.donotyet.com/2009/08/15/an-example-of-how-to-load-flashpaper-in-flex/ FlashPaper is very useful, we can create web-ready Flash documents or secure, compact PDF files from any printable document in just one click with FlashPaper.  The following is some main feature of FlashPaper introduced on the offical site:

  • Easily create or e-mail any Microsoft Office document as a Flash document or PDF
  • Instantly secure sensitive medical, legal or business documents
  • Streamline document distribution with highly compressed files
  • Create universally accessible files that are viewable on any platform
  • Quickly capture web pages and HTML
  • Create online newsletters, flyers and marketing materials

Adobe-FlashPaper_1808g

But if you are a flex developer, who has ever tried to load a FlashPaper document within a Flex application, then you should know it’s not so simple. The problem is: when a FlashPaper SWF is loaded in the flash player directly, as window is resized the area available for the document resizes, but the toolbars at the top stay the same height. Here is a sample on how to load FlashPaper in Flex, you can download full source code from downloadhere.

Flex souce code:

  1. < ?xml version="1.0" encoding="utf-8"?>
  2. <mx :WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initType()">
  3.     </mx><mx :Script>
  4.         < ![CDATA[
  5.             import com.magReader.FlashPaperLoader;
  6.             //flashpaper
  7.             private var magReader:FlashPaperLoader;
  8.  
  9.             private function initType():void
  10.             {
  11.                 var urlStr:String = "Fpl.swf?url=template.swf";
  12.                 magReader = new FlashPaperLoader();
  13.                 magReader.source = urlStr;
  14.                 magReader.visible = false;
  15.                 magContainer.addChild(magReader);
  16.                 //loadingBar.visible = true;
  17.                 magReader.addEventListener(FlashPaperLoader.FLASH_PAPER_LOADED,fpLoaded);
  18.             }
  19.             //flashpaper
  20.             private function fpLoaded(evt:Event):void
  21.             {
  22.                 //trace("magContainer width = " + magContainer.width + " magContainer height = " + magContainer.height);
  23.                 magReader.setSize(magContainer.width,magContainer.height);
  24.                 magReader.visible = true;
  25.                 //loadingBar.visible = false;
  26.  
  27.                 //magContainer.removeChild(loadingBar);
  28.                 magReader.removeEventListener(FlashPaperLoader.FLASH_PAPER_LOADED,fpLoaded);
  29.             }
  30.  
  31.             public function changSize():void
  32.             {
  33.                 if(magReader != null)
  34.                 {
  35.                     magReader.setSize(magContainer.width,magContainer.height);
  36.                 }
  37.             }
  38.         ]]>
  39.     </mx>
  40.  
  41.     <mx :Canvas id="magContainer" width="100%" height="100%" resize="changSize()" horizontalScrollPolicy="off" verticalScrollPolicy="off">
  42.  
  43.     </mx>

Related Posts

]]> http://www.donotyet.com/2009/08/15/an-example-of-how-to-load-flashpaper-in-flex/feed/ 1