Our biggest project was to work on the revamp of NRJ website platforms. We work with e-NRJ development team to made this possible. It was a huge work during 6 months and the result can be check on http://www.cheriefm.fr/

We also worked with Addiction Agency, some “old” friends from Publicis on several projects for Eurosport. We worked with them on another project for RM Gatte Fossé.

We have also work with Digitas on the new Nissan website. (FWA Site of the Day Baby )

We just finished the first part off the new Dior watches website (full Javascript with YUI… ouch ) with The Blast Machine.

And to finish this selection, a few words about our best meeting of 2008, Yohan and Olivier from Jam’s Brain. We work with them on Modepass.com (yes we are geek and we also like beauty and fashion !) and a new version will soon be launched.

To close, a few words about the future of Make Me Pulse. We have a new Senior PHP/Mysql Developper which comes at the beginning of May. To complete our team we are also hiring a talented Junior PHP/Javascript developper… so if you’are interested and near Paris (it’s better) feel free to contact us at contact_AT_makemepulse.com .

Nico & Antoine

For this implementation, without the Zend Framework classes, you need to have a htaccess file with all URL rewriting rules.

For instance :

RewriteEngine on
RewriteBase /path/website/base/application/
RewriteRule ^([a-zA-Z0-9-_]+)/([a-zA-Z0-9-_]+)\.html$ index.php?arg1=$1&arg2=$2 [L]

If your application is based on ZF, we have a htaccess base file which will redirect all php files to the boostrap (what is the bootstrap ?), and ZF classes will manage all redirection rules.

How to implement the URL rewriting with ZF classes ?

In order to have a better and clearer vision of all our rewriting rules, we are going to use a ini config file.

Here is an example with several rewriting rules :
in a first time in our ini file, we have to define the default route for ZF application.
ZF classes needs a model based rewriting.

[url_rewriting]
;default route
routes.default.route = ":controller/:argument1/:argument2.html"
;argument which will be find as $_GET variable
routes.default.reqs.argument1 = "([A-Za-z0-9-_]+)"
routes.default.reqs.argument2 = "([A-Za-z0-9-_]+)"
;default controller in ZF application
routes.default.reqs.controller = "([A-Za-z0-9]+)"
;default action in ZF application
routes.default.reqs.action = "([A-Za-z0-9]+)"

In this example, we can find the controller argument in addition of our variables. It’s not compulsory, but advised. If you don’t want this value in your URL, you’ll have to precise more rewrite rules.

Now we have our default route and we can add specific rules and routes. It’s possible for the developer to shape as same as a htaccess file.

One instance of rewriting rules :

;We have to specify the kind of rewriting route, here we are going to use the Regex type like in a htaccess file
routes.route1.type = "Zend_Controller_Router_Route_Regex"
;Adding the route structure, with all Regexp pattern
routes.route1.route = "([a-zA-Z0-9-_]+)/([a-zA-Z0-9-_]+)/([0-9-_]+)-([0-9-_]+)\.html"
;for the default controller, we also use a regexp, in order to get directly the URL value.
;you can specify controller's value if the controller name is not in the URL route structure
routes.route1.defaults.controller = "([a-zA-Z0-9-_]+)"
;here we specify the action because it's not present in my URL structure
;Like the controller, you can add the action in the URL
routes.route1.defaults.action = "myactionincontroller"
;Now we specify the mapping of our variable as we can see in a htaccess file : $1, $2 etc... 
routes.route1.map.1 = "controller"
routes.route1.map.2 = "argument1"
routes.route1.map.3 = "argument2"

Our ini config file is done, you just have to add all route needed for your ZF application.

Now we have to load the config file in the bootstrap :

// Getting the Zend Controller Instance
$router = Zend_Controller_Front::getInstance()->getRouter();
// Creating a Zend_Config_Ini instance.
$config = new Zend_Config_Ini(dirname(__FILE__)."/path/to/config/file/rewriting.ini", 'url_rewriting');
// Adding my Zend Config to my Zend Controller instance
$router->addConfig($config, 'routes');

As you can see, it’s very simple to implement the config file to the ZF application.
You can have many possibilities with the ZF Router, you’ll can find all information about classes here. I choose to use the ini file because it’s ligther than a XML file for PHP language.

Of course, you have to enable Apache’s rewrite module and respect the ZF’s htaccess file.

“If you can do it in Papervision, you can do it multiplayer over the network with PaperWorld.”

Click here to view the embedded video.

Click here to view the embedded video.

The PaperWorld3D project is hosted at Google Code : http://code.google.com/p/paperworld3d/

You can download the latest stable versions of the code, along with the accompanying documentation, and the latest builds of the demo game ‘Aereon’ build using PaperWorld3D from: http://code.google.com/p/paperworld3d/downloads/list

Here a good installation tutorial : paperworld3d-v01-installation-tutorial

Check It

function __autoload($class) {
    if(is_file($class . '.php')){
          require_once $class.'.php';
    }else{
          printf("Error when trying to load %s", $class);
    }
 
}
 
$mmpObj  = new MmpClass();

In php >= 5.1.2 a new SPL function upgrade this function. How ? You can declare multiple autoload functions. You can register as much autoload functions as you want with the spl_autoload_register function.
A small example :
We have an application with source classes in /kernel. We have specific classes in a different directory : /apps/lib. The autoload functions are defined in a /config/config.ini.php file. In the /kernel we have differents subdirectory.

spl_autoload_register(null,false);
 
function appsLibLoader($classLib) {
 
    $classLib = strtolower($classLib);  
 
    if(is_file(__DIR__."/../apps/lib/lib.".$classLib.".php")){
 	require(__DIR__."/../apps/lib/lib.".$classLib.".php");
    }else{
       echo "ERROR during Loading class::".$classLib;
    }
}function kernelLoader($classKernel) {
    $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(__DIR__."/../kernel/",RecursiveDirectoryIterator::KEY_AS_FILENAME),RecursiveIteratorIterator::SELF_FIRST);
 
    foreach ($iterator as $entry){
        if($entry->isFile() && strtolower($classKernel) == strtolower(basename($iterator->current(),".php"))){
        	require($iterator->getPathname());
 	}
    }
}
 
spl_autoload_register('appsLibLoader',false);
spl_autoload_register('kernelLoader',false);

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

_field.type = TextFieldType.INPUT;
_field.selectable = true;
_field.embedFonts = true;

var format:TextFormat = new TextFormat();
format.font = "Myriad Pro";
format.size = 12;
format.color = 0x000000;

_field.antiAliasType=AntiAliasType.ADVANCED;
_field.setTextFormat(format);
addChild(_field);

Result: Impossible to put text in it.
A part of the solution is to insert text before adding the field to the parent object.

_field.text="some text";
addChild(_field);

You got it, focus is there, but you also have this very unusefull text.
To resolve this problem, I used the Event.ADDED_TO_STAGE to clear text content.

_field.addEventListener(Event.ADDED_TO_STAGE, onAdd);

//then the listener handler

private function onAdd(evt:Event):void {
evt.currentTarget.text = "";
}

Here you have a clean input textfield, with an embed font, mouse and tab focus. Cool hu ?

I’ve spent a few hours looking for a way to proceed. Unfortunately, seems like there’s no distinction between the several movies played in the browser. Everything goes to the same global “channel” and there’s no need to set domain things or policy and allowed files. You just get an error, even if the played files are in the same folder…

What can I do  ?
Obviously, you can try to catch the error.

try{
SoundMixer.computeSpectrum( spect );
} catch ( e:* ) {
// here is the error, but you cannot avoid it.
}


What else ? I don’t know. Is that an expected behaviour or just a future Flash 10 technote ? I hope so.
(This post can be a good way to collect info about that point. Any ideas appreciated)

myObj.materials = myNewMaterialsList;

Unfortunately, that doesn’t work (in PV3d 1, fixed by v2 if I’m not wrong) An other way to proceed is to use bitmapMaterial and bitmapData.
You just have to create a BitmapMaterial with a bitmapData inside:

var bd1:BitmapData=new BitmapData(100, 100, false, 0xFFFFFF);
var material2:BitmapMaterial = new BitmapMaterial(bd1);
material2.name="faceToSwitch"

Then, swap the targeted material (alreday rendered) at runtime, on rollover action for example, simply by calling:

var bd2:BitmapData=new BitmapData(100, 100, false, 0x000000);
myObj.materials.getMaterialByName("faceToSwitch").bitmap = bd2;

Big up to you Joni, your work is awesome may be a “site of the day” by FWA

EDIT : PAPERVISION POWERED ! I hope that C4RL05 will enjoy it

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 !

So, we have the same subdirectory than is the previus test. Here is the code :

include(dirname(__FILE__)."/class.directorysearch.php");
 
$directory = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(dirname(__FILE__)."/directory",RecursiveDirectoryIterator::KEY_AS_FILENAME));
$search_directory = new DirectorySearchIterator($directory, array("file_to_find.php", "second_file.php"));
 
foreach($search_directory as $test){
  include($search_directory->getPathName());
}

We pass to the DirectorySearchIterator class an instance of an Iterator (here the RecursiveIteratorIterator, but could be and ArrayIterator for example) and an array of values that must be find !

The DirectorySearchIterator extends the FilterIterator. We just have to define an accept method with the valid parameters!

class DirectorySearchIterator extends FilterIterator{    
 
    private
      $files_search;    
 
    public function __construct(Iterator $iterator, array $files){        
 
        parent::__construct($iterator);
        $this->files_search = $files;
 
    }
 
    public function accept(){
 
        return in_array($this->current(),$this->files_search);
    }
 
}

I will make a test with the GlobIterator later…

We have a directory with a lot of subdirectory like this and we want to find this file :

So we are just executing a page which must include the file_to_find.php :

include(dirname(__FILE__)."/class.directorysearch.php");
 
directory = dirname(__FILE__)."/directory";
 
$search_directory = new DirectorySearch($directory);
path_file = $search_directory->find("file_to_find.php");
 
if($path_file !== false){
  include_once($path_file);
}

Let’s have a look to the class.directorysearch.php :

class DirectorySearch  {    
 
private
      $iterator,
      $directoryname; 
public function __construct($directoryname){
        $this->iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($directoryname,RecursiveDirectoryIterator::KEY_AS_FILENAME));
    }
 
public function find($filename){
        foreach($this->iterator as $entry){
           if($filename == $this->iterator->current()){
            return $this->iterator->getPathName();
          }
        }
        return false;
    }
}

If we don’t use the KEY_AS_FILENAME with the recursiveDirectoryIterator we will have the whole path of the file in $this->iterator->current();

All of this is a basic example of the RecursiveIteratorIterator with the RecursiveDirectoryIterator. SPL is a very powerfull toolkit !

Edit : http://blog.makemepulse.com/2008/02/19/tips-find-a-file-in-subdirectory-with-filteriterator-in-php/

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.

First we will create a simple calendar :

YAHOO.namespace("example.calendar");YAHOO.example.calendar.init = function() {
      var today = new Date();
      YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1","cal1Container", {
            navigator:true,
            multi_select:true,
            maxdate: (today.getMonth()+1)+"/"+today.getDate()+"/"+today.getFullYear()});YAHOO.example.calendar.cal1.render();
}
YAHOO.util.Event.onDOMReady(YAHOO.example.calendar.init);

This will create a simple calendar.
If we want to select a week, there is an easy way to select the cell of the clicked date and then to navigate throw parent nodes.

This method will get the selected date. We will go to the TR parent to get all the td nodes. With this solution and with the getDateByCellId we can get the first date of the week and the last. We then just have to execute the select function on this range.

var customClick = function(e, cal) {
    YAHOO.example.calendar.cal1.deselectAll();
    var elem = YAHOO.util.Event.getTarget(e);
    while (elem.tagName != "TR") {
          elem = elem.parentNode;    
    }
 
    td_tochange = elem.getElementsByTagName("td");
    var date_start = YAHOO.example.calendar.cal1.toDate(YAHOO.example.calendar.cal1.getDateByCellId(td_tochange[0].id));
    var date_end = YAHOO.example.calendar.cal1.toDate(YAHOO.example.calendar.cal1.getDateByCellId(td_tochange[td_tochange.length-1].id));
    var date_range = (date_start.getMonth()+1)+'/'+date_start.getDate()+"/"+date_start.getFullYear()+"-"+(date_end.getMonth()+1)+'/'+date_end.getDate()+"/"+date_end.getFullYear();
    if(!YAHOO.util.Dom.hasClass(td_tochange[0], "selected")){
 	YAHOO.example.calendar.cal1.select(date_range);
    }else{
 	YAHOO.example.calendar.cal1.deselect(date_range)
    }
 YAHOO.example.calendar.cal1.render();
};

To enable the custom clik function we need to use the domEventMap on the calendar

YAHOO.example.calendar.cal1.domEventMap = {};
YAHOO.example.calendar.cal1.domEventMap[YAHOO.example.calendar.cal1.Style.CSS_CELL_SELECTABLE] = [
 	{tag:null, event:"click", handler: customClick, scope:YAHOO.example.calendar.cal1, correct:false }
 	];

You can simply check the result here and view the source code !

To do this we will use a RecursiveArrayIterator and a RecursiveIteratorIterator

$array_multi = array( 
      "myKey" => "myValue",
      "myKey2"=> array(
                   "myKey2Array" => "value2Array",
                   "myKey3Array" => "value3Array",
                   "myKey4Array" => "value4Array",
                   "myKey5Array" => array("test", "tata", "france")
                     )
);
 
$array_iterator = new RecursiveIteratorIterator(
                     new RecursiveArrayIterator($array_multi)
                  );
 
foreach($array_iterator as $key=>$value){
     echo $key.' -- '.$value.'
';
}

This simple code will just output all the keys/value of the array :

myKey — myValue
myKey2Array — value2Array
myKey3Array — value3Array
myKey4Array — value4Array
0 — test
1 — tata
2 — france