Reality and a half

Ein wirklich schönes Stück Animationsarbeit mit reichlich Depth-Of-Field Gebrauch. Teilweise ist es wirklich schwierig zwischen Renderings und echtem Filmbestandteil zu unterscheiden – wenn da überhaupt Realfilm enthalten ist.

Retro ist in. Retro ist hip. Auch in der Werbung. Gut, Werbung will verkaufen und auf jeden Fall ist sie mal wieder erfolgreich, da ich hier ja drüber schreibe. Die Rede ist von Nikes neuer Sommer-Kapagne, die unter anderem Features in 8mm / Super8 Optik hervorgebracht hat. Die Frage ist nur, ob das nicht künstlich wirkt?

Nike Vintage Vision Image Film from Die Krieger des Lichts on Vimeo.

As I’ve read in many forums on the web, the Flex charting compounds lack the support of showing DataTips all the time a user moves the mouse arround over a chart. Since there is no official solution or hint by Adobe, and even Flex 4 doesn’t offer a solution I went the stony road to do it all myself.

Here are my steps:

1. Set up the mouse handlers on the chart compound – the most important is the mouseMove event since it is fired everytime the user moves the mouse upon the chart. the over and out Handlers are only for switching the visibility of the DataTip or other objects. I don’t mention them further

   mouseMove="mouseChartHandler(event)" mouseOver="mouseInHandler(event)" mouseOut="mouseOutHandler(event)"

2. Setup functions to hande the events

   private function mouseChartHandler(event:MouseEvent):void { .... }

   private  function mouseInHandler(event:MouseEvent):void { .... }

    private function mouseOutHandler(event:MouseEvent):void { .... }

3. Inside the mouseMove handler function do the following steps:
   1. Define a vertical strip (e.g. 5 px broad) from the top to the bottom with the actual mouse x coordinate
   2. Use the chart series findDataPoints function to capture the item beneath or above the mouse pointer
   3. Use the resulting HitItem to instantiate a DataTip instance (or whatever you need)

That’s it. Easy if one has digged through the bunch of class and function definitions…

Ok, let’s give some code for practical reasons – so here is the code for the mouseMove handler

		private function mouseChartHandler(event:MouseEvent):void {
			// define a region for the findDataPoint function
			var sensitiveRegion:Rectangle = new Rectangle( event.stageX-5, 0, 10, this.document.height);   

            var hitItems:Array = new Array();

            if (event.currentTarget.name =! "lineChart") return;

            for each ( var chartItem:ChartItem in lineChart.getItemsInRegion( sensitiveRegion ) ) {
            	if ( chartItem.element.name == "seriesMean" ) {
            		var item:LineSeriesItem = chartItem as LineSeriesItem;

            		var xTime:Date = item.xValue as Date;
            		var yVal:Number = item.yValue as Number;

            		var dataPoints:Array = seriesMean.findDataPoints( item.x, item.y, 2 );

            		var hitItem:HitData = dataPoints[0];//new HitData( new Date().getMilliseconds()*Math.random(), 1, item.x, item.y, chartItem);

			if (hitItem) {
                  		hitItems.push( hitItem );

						// Add DataTip to stage if not existing
						if ( !this.stageFlyout ) {
							this.stageFlyout = this.addChild( flyout );
						} 

	            		flyout.x = hitItem.x + 60;
	            		flyout.hitData = hitItem;

					}

            	}
            }

Remark: I use a custom DataTip renderer which I instanciated previous as this.stageFlyout

Now you have a DataTip showing everytime the mouse is moving on the chart. To avoid showing both the custom triggered DataTip and the chart’s provided you can either switch the visibility to false if the chart’s built-in DataTip handler shows his info or you simply turn the showDataTips property of the chart compound of ( in MXML showDataTips=”false” ).

So please tell me if I should explain the solution further. Or perhaps you have another one – I would be pleased to add it here . Simply use the comment function.

Für alle, die gerade cohypen und mit der Gestaltung von iPad Anwendungen beschäftigt sind, gibt es unter iPad Templates and Stencils – Emily Chang – Designer nette Photoshop Hilfsmittel.

Motionspire – Motion Graphics Inspiration bietet eine schöne Ubersicht der aktuellen Motiongraphics Szene und liefert viele gute Inspitationen.

Adobe arbeitet mit der Mozilla Foundation und Google zusammen um eine neue Browser API zu definieren, die z.B. dem Flash Player eine nahtlosere Integration ermöglicht. Damit sollen Plugins auf gleicher Stufe, wie zum Beispiel die JavaScript oder Rendering-Engine laufen. Google hat bereits eine Entwicklerversion von Chrome mit dieser API veröffentlicht. Sicherlich verspricht sich Google durch dieses schnelle Vorpreschen auch eine höhere Akzeptanz des Hauseigenen Browsers Chrome. Mehr zum Plugin im Flash – Blog von Adobe.

Eine etwas andere Art Filme mit gegebenen Mitteln zu drehen und diese neu zu Verwenden stellt Machinima dar, also die Szenen/Inhalte durch Game-Engines, sprich den Möglichkeiten eines Computerspiels, zu verwenden, neu zu schneiden und zu vertonen. Vertreter dieses Genres können auf der Site Machinima.com bewundert werden.

Das Film nicht nur Kunst, sondern oft auch hartes Business darstellt, dass bei den Großen Prodiktionsfirmen vor allem für das Erzielen von Einnahmen dient, dürfte klar sein. Aber wieviel ein Film täglich wirklich einspielt, kann man auf der Seite Box Office Mojo genau mitverfolgen. Happy revenues!

Sony bring demnächst eine neue Serie von DSLR-Kompaktkameras mit Wechselobjektiv heraus. Das Interessante dabei ist auch, dass Videos in 1080px Qualität aufgenommen werden können. Wie das zum (semi)-professionellen Filmen taugt, wird sich zeigen. Mehr darüber bei heise online – PMA: Sony kündigt Kompaktkamera mit DSLR-Fähigkeiten an.

Google hat die Codec-Firma On2 akquiriert. Die Video-Kompressionsalgorithmen sind z.B. im Flash Player integriert (On2 VP6). Mehr dazu bei heise online – Google schließt Übernahme des Codec-Spezialisten On2 Technologies ab.