Changes:

* Flex/AIR completion updated
* Improved AIR projects with certification & packaging scripts
* Basic compatibility with Adobe Flex Builder projects (open read-only / import FB projects)
* Automatic output in “bin-debug” vs. “bin” depending on the selected “Debug” vs. “Release” configuration
* Flash compiler errors are captured and clickable in FlashDevelop
* Supports building current Flash project or current FLA
* View modified lines, you can enable it from the program settings
* New “test project” option: open a document (ie. html page) instead of the SWF file
* Optionally define the main class’ package when creating a project
* View code regions & improved sorting options in Outline view
* Support for trace capture in Quick Build (“-debug” option)
* Support for high-dpi setting and customizable UI fonts
* Match case option added to quick find
* Improved code generators (override, interface implementation)

More Infos

Download

import com.bourre.commands.Delegate;
import com.bourre.events.BasicEvent;
import com.bourre.events.EventType;
import com.bourre.events.NumberEvent;
import com.bourre.visual.MovieClipHelper;
import com.bourre.commands.CommandManagerMS;
import com.bourre.core.HashCodeFactory;
/**
* @author Rajabaly Nicolas
* @version 0.1
*/

class YoutubeLoader extends MovieClipHelper {

	private var _mc:MovieClip;
	private var _scale:Number;
	private var _commandMs:CommandManagerMS;
	private var _delCheckPlayer:Delegate;
	private var _mcl:MovieClipLoader;
	private var _listener:Object;
	//
	static public var LOAD_START:EventType = new EventType("onLoadYoutubePlayerStart");
	static public var LOAD_PROGRESS:EventType = new EventType("onLoadYoutubePlayerProgress");
	static public var LOAD_COMPLETE:EventType = new EventType("onLoadYoutubePlayerComplete");
	static public var PLAYER_IS_READY:EventType = new EventType("onYoutubePlayerReady");
	static public var PLAYERLOADER_IS_OPEN:EventType = new EventType("onYoutubeLoaderOpen");
	static public var PLAYERLOADER_IS_CLOSE:EventType = new EventType("onYoutubeLoaderClose");

	public function YoutubeLoader(name:String, mc:MovieClip) {
		super(name, mc);
		_commandMs = CommandManagerMS.getInstance();
		_delCheckPlayer = new Delegate(this, _checkPlayer);
		System.security.allowDomain("http://youtube.com");
	}

	private function _checkPlayer():Void{
		if (_mc.isPlayerLoaded()) {
			_commandMs.remove(_delCheckPlayer);
			_mc._alpha=100;
			_mc._xscale = _mc._yscale = _scale;
			_oEB.dispatchEvent(new BasicEvent(PLAYER_IS_READY));
		}
	}

	private function _loadProgressPlayer(myTarget:MovieClip, myBytesLoaded:Number, myBytesTotal:Number):Void {
		var myPrcent:Number = Math.round(myBytesLoaded / myBytesTotal * 100);
		_oEB.dispatchEvent(new NumberEvent(LOAD_PROGRESS, myPrcent));
	}

	private function _loadCompletePlayer():Void {
		_oEB.dispatchEvent(new BasicEvent(LOAD_COMPLETE));
		_commandMs.delay(_delCheckPlayer, 250);
	}

	private function _loadStartPlayer():Void {
		_oEB.dispatchEvent(new BasicEvent(LOAD_START));
	}

	public function open(myId:String, myScale:Number):Void {
		_scale = myScale;
		_mc = view.createEmptyMovieClip(HashCodeFactory.getNextName(), 1);
		_mc._alpha=0;
		_mcl = new MovieClipLoader();
		_listener = new Object();
		_listener.onLoadStart = Delegate.create(this, _loadStartPlayer);
		_listener.onLoadProgress = Delegate.create(this, _loadProgressPlayer);
		_listener.onLoadInit = Delegate.create(this, _loadCompletePlayer);
		_mcl.addListener(_listener);
		_mcl.loadClip("http://youtube.com/v/" + myId, _mc);
		_oEB.dispatchEvent(new BasicEvent(PLAYERLOADER_IS_CLOSE));
	}

	public function release():Void {
		stopAllSounds();
		_mc.removeMovieClip();
		_mcl.removeListener(_listener);
		_oEB.dispatchEvent(new BasicEvent(PLAYERLOADER_IS_OPEN));
		super.release();
	}

}

To use it in flash :

import YoutubeLoader;
import com.bourre.commands.Delegate;
import com.bourre.events.NumberEvent;
import com.bourre.events.BasicEvent;

var myLoader:YoutubeLoader=new YoutubeLoader("THENAMEOFTHELOADERINSTANCE",this.createEmptyMovieClip("loadertest",this.getNextHighestDepth()));
myLoader.addEventListener(YoutubeLoader.LOAD_START,Delegate.create(this,_loadStart));
myLoader.addEventListener(YoutubeLoader.LOAD_PROGRESS,Delegate.create(this,_loadprogress));
myLoader.addEventListener(YoutubeLoader.LOAD_COMPLETE,Delegate.create(this,_loadComplete));
myLoader.addEventListener(YoutubeLoader.PLAYER_IS_READY,Delegate.create(this,_playerReady));
myLoader.addEventListener(YoutubeLoader.PLAYERLOADER_IS_OPEN,Delegate.create(this,_playerLoaderOpen));
myLoader.addEventListener(YoutubeLoader.PLAYERLOADER_IS_CLOSE,Delegate.create(this,_playerLoaderClose));
myLoader.open("37t52UpCaGE",200);
//myLoader.close();

function _loadStart(e:BasicEvent):Void{
	trace("_loadStart");
}

function _loadprogress(e:NumberEvent):Void{
	trace("_loadprogress"+e.getNumber());
}

function _loadComplete(e:BasicEvent):Void{
	trace("_loadComplete");
}

function _playerReady(e:BasicEvent):Void{
	trace("_playerReady");
}

function _playerLoaderOpen(e:BasicEvent):Void{
	trace("_playerLoaderOpen");
}

function _playerLoaderClose(e:BasicEvent):Void{
	trace("_playerLoaderClose");
}

Enjoy

After a long reflexion, we decide to open this blog to new contributors. So if you want to post something on developement (PHP, Javascript, AS, Android, Flex, Air, Processing, …….) sometimes but you don’t want to have your own blog, you can become a contributor here to submit your articles !
If you are interested, send us a mail to antoine.ughetto _AT_ gmail.com

Working with the childnodes syntax is always constraining. It’s why I prefer to deserialize my xml in object to work more easily.

For example with this xml :

<?xml version="1.0" encoding="UTF-8"?>
<config_flash>
	<lang>fr</lang>
	<country>fr</country>
	<width>990</width>
	<height>690</height>
	<min_width>960</min_width>
	<min_height>590</min_height>
	<flash_version>8</flash_version>
	<use_express_install type="boolean">false</use_express_install>
	<flash_bgcolor><![CDATA[#000000]]></flash_bgcolor>
	<swf_name>loader</swf_name>
	<allow_languages>
		<language c="uk" l="en"/>
		<language c="us" l="en"/>
		<language c="be" l="du"/>
		<language c="fr" l="fr"/>
	</allow_languages>
</config_flash>

With the pixlib, I can simply deserialize it in object like this :

import com.bourre.data.libs.XMLToObject;
import com.bourre.data.libs.XMLToObjectEvent;
import com.bourre.data.libs.XMLToObjectDeserializer;
 
var _pixObj:Object;
var _path:String="thexml.xml";
function _loadXML():Void{
	XMLToObjectDeserializer.PUSHINARRAY_IDENTICAL_NODE_NAMES = true;
        XMLToObjectDeserializer.DESERIALIZE_ATTRIBUTES = true;
	var xto : XMLToObject = new XMLToObject( new Object() );
	xto.setAntiCache( false );
	xto.addEventListener( XMLToObject.onLoadInitEVENT, this, _onXmlDataLoad );
	xto.load( _path );
}
 
function _onXmlDataLoad( e : XMLToObjectEvent ) : Void {
	_pixObj=new Object();
	_pixObj =  e.getObject() ;	
         trace (_pixObj.lang); // fr
         trace(pixObj.min_width); //960
         trace (typeof(_pixObj.use_express_install)); //boolean
	 trace(_pixObj.allow_languages.language[0].c); //uk
	}
 
_loadXML();

As you can see in example, it’s very easy to use those class to deserialize an xml in object.
The first step is to set some static var in the XMLToObjectDeserializer class.

XMLToObjectDeserializer.PUSHINARRAY_IDENTICAL_NODE_NAMES

(default is false) make an array if they are identical node names in your xml. In the example, you can see that they are 4 “language” node and to access them you just have to manipulate the “langage” node as an array.

XMLToObjectDeserializer.DESERIALIZE_ATTRIBUTES

(default is false) deserialize attributes. The node with attributes become an object.

With the attribute “type” you can force the typping of the nodeValue. For example :

 trace (typeof(_pixObj.use_express_install)); //Boolean

Because the node was

<use_express_install type="boolean">false</use_express_install>

but if the node is :

<use_express_install type="string">false</use_express_install>

 trace (typeof(_pixObj.use_express_install)); //String

After setting those vars, create an instance of XMLToObject and load the xml with the “load” method . You can set the anticache to true or false( a timestamp is added to the url of your xml if the anticache is true).
If you want you have some events to listen during the loading of the xml :

XMLToObject.onErrorEVENT
XMLToObject.onLoadInitEVENT
XMLToObject.onLoadProgressEVENT
XMLToObject.onTimeOutEVENT

When the xml is loaded, you just have to push the result in an object and that’s all !

For example, suppose you are creating a Mouse Listener :

var mListener:Object=new Object();
     mListener.onMouseDown=function():Void{
         trace(this) // [Object Object]
    }
    Mouse.addListener(mListener);

Here, “this” is a reference to the mouseListener
but if you use the mx.utils.Delegate class :

import mx.utils.Delegate;
var mListener:Object=new Object();
     mListener.onMouseDown=Delegate.create(this,mousePressDown);
     function mousePressDown():Void{
        trace(this) // _level0
    }
    Mouse.addListener(mListener);

Here, “this” is a reference to the context of the mouse listener.

The Delegate class is used to specify this context(or scope). In the flash documentation you can read : “The Delegate class creates a function wrapper to let you run a function in the context of the original object, rather than in the context of the second object, when you pass a function from one object to another.”

If you open the class you will see (luckily, this class is only a few line long) :

class mx.utils.Delegate extends Object
{
	/**
	Creates a functions wrapper for the original function so that it runs 
	in the provided context.
	@parameter obj Context in which to run the function.
	@paramater func Function to run.
	*/
	static function create(obj:Object, func:Function):Function
	{
		var f = function()
		{
			var target = arguments.callee.target;
			var func = arguments.callee.func;
 
			return func.apply(target, arguments);
		};
 
		f.target = obj;
		f.func = func;
 
		return f;
	}
 
	function Delegate(f:Function)
	{
		func = f;
	}
 
	private var func:Function;
 
	function createDelegate(obj:Object):Function
	{
		return create(obj, func);
	}
}

In ActionScript, each function has a method “apply” which takes two arguments apply(scope, arguments), the scope of the function, and all arguments given to the function when the function is called.

The create() method of the class Delegate, takes two arguments, the scope in which the function will be executed and the function to execute and returns a reference to another function, which is a “wrapper” of the original.
When the delegate is called, it simply executes the original function in the desired scope with the help of the apply method !
It’s a static method, you did not need to create an instance of the Delegate object in order for it to work. You can simply call it directly as mx.utils.Delegate.create() which returned you the new “delegated” function.

Makemepulse have also a logo made by Enila !

Please Check it !!!!!! And leave us a comment to say if you love it or not !

Edit : The Blog as also have a revamp !

So just try and give us feedback (you need last Air player) !

For example, this morning a mail from Sunil :
Do you have any links or tips on how to create the photo montage? How
did you shoot your photos? I don’t see a tripod. Do you need a special
lens or can you use a regular point and shoot camera?

I’m familiar with quicktime vr but not sure how to make an export that
would generate the montage you specified in your tutorial.

I did not shoot those pictures, I can tell you how if you need a special lens or anything else.
I just take a Quicktime VR and export images from it with Quicktime. In 50% of cases, the VR gives you 6 images so it’s perfect for you but in other cases the VR can give you 10, 12 or more, pictures and you must make a montage in Photoshop.

To retrieve image from a Quictime VR I follow this video tutorial :

Export image from a Quicktime VR

Enjoy

One of this component, the RTE (alias Rich Text Editor) is very interesting and powerfull… so i wanted to test it. I don’t have much idea on what to do with it… After few minutes ( ) I decided to make a RTE with a Yahoo Maps plugin (YUI team has made one with FlickR). Because I’m not a flash dev, i try to implement the Yahoo Maps Ajax API… but doesn’t work with the new YUI 2.0.3 so, i decided to use the Yahoo Maps Flash API!
The YUI RTE is still in beta, so lots of feature has some problem to work as I want . In fact, Embed are correctly rendered when they are in the textarea as default value but if we had them with the execCommand, they are not rendered.
So I had a small code in the editor-beta.js which rewrite a new iframe to render the embed (that’s not the good way but don’ t have more time to find a better solution). This experimentation seems to work on Firefox but I don’t know on other browser…

Check It

It’s very easy !

The first step : Getting Papervision

PaperVision3D is an open source project started by Carlos Ulloa. The most recent build of PaperVision can be retrieved from OSFlash’s Subversion Repository (SVN) here.

The second step : Everybody need a montage :p

You can find some quicktime VR export or your can make your own. Just think that you must at the end make a cube (6 faces) like this :

The last step : Dev

For a panorama you must export those6 faces of your cube in Bitmap and linked in your library. You can also load your face from external bitmap and make a bitmapData for each face.

Now you can realy start the dev.

- Make a empy movieclip and linked it to a class witch extended MovieClip class.

- Make a 3D Scene :

var scene:MovieScene3D = new MovieScene3D(this);

“this” is your empty movieclip

- Make a camera :

var camera:FreeCamera3D = new FreeCamera3D();

- Make 6 differents textures with each face of the cube :

var texture:BitmapAssetMaterial = new BitmapAssetMaterial("face1");
texture_b.oneSide = false;

the “face1″ is your linked name of your bitmap on your library.

The property “oneSide” is a property of a BitmapAssetMaterial. It’s make a two faces textures if you set it at false.

- For each 6 textures make 6 planes :

var plane1:Plane = new Plane(texture, widh_img, height_img, nbFaces, nbFaces);

The nb faces for a plane is very important because if you give a big number the 3D will be more precis but that make lag because it’s more informations wich must be treat by your processor.

- Push each plane to your scene :

scene.push(plane1);

- Place each plane to make a cube in 3D:

plane1.x = -wid_img/2;
plane1.z = 0;
plane1.rotationY =-90;

- Make a render to your camera :

scene.renderCamera(camera);

- That’s all ! Now you can apply a function in enterframe to make move your camera or your planes with the position of the mouse for example.

You can see the result here.

You can download the source here.

Enjoy It!!

Edit : http://blog.makemepulse.com/2007/10/10/how-to-retrieve-image-from-a-quicktime-vr-for-a-flash-panorama/ will help you for this panorama

Now you can click on related artist to make another research.

Enjoy It

Enjoy It

Peace.

Check It

Enjoy It

A simple search Engine linked to the Flickr API, to give us some textures ^^ to the cube witch you can move with keyboard arrow and ctrl to zoom/dezoom.

Enjoy It