Trying to get the controls to work. I’m using a MouseMove listener to fill a Array, with x and y coordinates. The square will follow these coordinates, now the square is all jumpy, maybe filling the Array this way isn’t a good idea.

In my first attempt I filled the Array’s using mouse move, which is far more slow than a enter_frame. In the new version I got that fixed.

Still need to find a way to control the objects speed.

Elan Strategie & Creatie Showreel ‘07 from brian hokke on Vimeo.

Elan Strategie & Creatie Show Reel ‘06 from brian hokke on Vimeo.

Mijn doel was zoveel mogelijk verschillende mensen filmen die bezig zijn met hun dagelijkse dingen, uiteraard ook wat scenery shots gemaakt want Gent is een mooi plaatsje. Als plaats aanduidingen heb ik verschillende tekst effecten gemaakt. Waarbij ik geinspireerd werd door de series: Heroes en Fringe. M’n motiontracking is nog niet helemaal 100% solide maar vind dat het resultaat in zo’n korte tijd toch wel aardig is.

Muziek is afkomstig van Kraak en Smaak.

Strange Gent-ian inhabitants from brian hokke on Vimeo.

HSL filter om de saturatie en het contrast omhoog te halen dit geeft de beelden het geverfde effect.
Vervolgens zijn alle beelden versneld afgespeeld wat het geheel een stop motion effect geeft.

After Effects tilt shift test from brian hokke on Vimeo.

After effects 3d test from brian hokke on Vimeo.

Het was lang geleden dat het zolang achter elkaar vroor. De sloten kanalen en meren lagen dicht gevroren en de bomen waren sprookjes achtig wit. Dit weekend had ik eindelijk de tijd om er op uit te trekken, de wekker gezet en vroeg richting de kralingseplas en de bergseplas. De natuur en de kou in zoveel mogelijk schaatsers en winterachtige natuur filmen.

 

Frost from brian hokke on Vimeo.

To do:
Ball needs to react when paddle slides to the left and right
At first I was considering to hard code the way back, but I guess it would be more fun if the ball and the board were linked to a physics engine.
I gave the WOW engine a try, very easy to implement and I got it working but I couldn’t figure out if it was possible to link a cube (rectangle) to the physic objects.

Movement paddle via webcam using augmented reality
Ever since I’ve seen augmented reality at work I wanted to do something with the FLAR toolkit.

Source code:

package
{
import flash.display.Bitmap;
import flash.events.Event;
import flash.events.KeyboardEvent;
import flash.ui.Keyboard;
import org.papervision3d.materials.BitmapFileMaterial;
import org.papervision3d.materials.ColorMaterial;
import org.papervision3d.materials.utils.MaterialsList;
import org.papervision3d.objects.primitives.Cube;
import org.papervision3d.objects.primitives.Sphere;
import PaperBase;

public class Main extends PaperBase
{

[Embed(source = '/assets/soccerbgrnd.jpg')]
private var EmbeddedImage:Class;
private var image:Bitmap;

private var colormaterial:ColorMaterial;
private var topcolormaterial:ColorMaterial;
private var bitmap:BitmapFileMaterial;

private var ball:Sphere;
private var paddle:Cube;

private var velocity:Object = {x:0, y:0};
private var position:Object = {x:0, y:0};
private var gravity:Number = 1;

private var friction:Number = 0.005;

private var rightArrow:Boolean;
private var leftArrow:Boolean;
private var paddleSpeed:Number = 25;

public function Main ()
{
image = new EmbeddedImage();
addChild(image);
stage.addEventListener(Event.ENTER_FRAME, initHandler);
}

private function initHandler(event:Event):void {
stage.removeEventListener(Event.ENTER_FRAME, initHandler);
init(stage.stageWidth, stage.stageHeight);

//set start position ball
position.x = stage.stageWidth / 2;
position.y = stage.stageHeight;

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyPressed);
stage.addEventListener(KeyboardEvent.KEY_UP, keyReleased);
}

//3d rendering
override protected function init3d():void {
//textures
bitmap = new BitmapFileMaterial("assets/texture01.jpg");
colormaterial = new ColorMaterial(0xffffff);
topcolormaterial = new ColorMaterial(0xefefef);

var materialsList:MaterialsList = new MaterialsList();
materialsList.addMaterial( colormaterial, "front" );
materialsList.addMaterial( colormaterial, "back" );
materialsList.addMaterial( colormaterial, "left" );
materialsList.addMaterial( colormaterial, "right" );
materialsList.addMaterial( topcolormaterial, "top" );
materialsList.addMaterial( colormaterial, "bottom" );

//create paddle
paddle = new Cube(materialsList, 500, 100, 50, 1, 1, 1); //material, width, depth, height, segs
paddle.y = -stage.stageHeight;
default_scene.addChild(paddle);

//create ball
ball = new Sphere(bitmap,150,20,20);
default_scene.addChild(ball);
}

//motion
override protected function processFrame():void {

//hittest
if (paddle.hitTestObject(ball)) {

//bounce the ball
velocity.y = -35;

}

//update location sphere
velocity.y += gravity; //calculate velocity
position.y -= velocity.y; //calculate new position

//update sphere position
ball.y = position.y;

//update rotation
ball.rotationX += position.y * friction;

//update location paddle
if(leftArrow){
paddle.x = Math.max(-(stage.stageWidth), paddle.x -= paddleSpeed);
}

if(rightArrow){
paddle.x = Math.min(stage.stageWidth, paddle.x += paddleSpeed);
}
}

//controls
private function keyPressed(event:KeyboardEvent):void {
trace(paddle.x)
if (event.keyCode == Keyboard.LEFT){
leftArrow = true;
}
if (event.keyCode == Keyboard.RIGHT){
rightArrow = true;
}
}

private function keyReleased(event:KeyboardEvent):void{
if (event.keyCode == Keyboard.LEFT){
leftArrow = false;
}
if (event.keyCode == Keyboard.RIGHT){
rightArrow = false;
}
}
}
}

Vorige week zaterdag ben ik gaan filmen in Kinderdijk. Een plaatsje in Zuid Holland bekend om de vele molens die daar rond 1800 gebouwd zijn, er staan nu nog zo`n 19molens helaas draaiden ze niet op het moment dat ik er was. Meteen wat tests gedaan met de nieuwe HD cam van de zaak. Gespeeld met belichting en focus pulls, ben erg blij met het resultaat.

Shooting some Birds @ Midden-Delfland from brian hokke on Vimeo.

Op de terugweg kwamen we langs een gemaal hier had ik op de heen weg ook al wat opnames van gemaakt, want je weet nooit. Ik kon mijn geluk niet op hij stond te draaien of moet ik zeggen pompen. Hieronder het resultaat.

Kinderdijk, shooting against the light from brian hokke on Vimeo.

Om te zorgen dat je een xml kan ophalen vanaf een site anders dan jouw eigen site. Moet er op de externe site een Policyfile staan bijvoorbeeld. http://static.flickr.com/crossdomain.xml
In AS kun je deze policyfile vervolgens controleren.

Security.loadPolicyFile("http://static.flickr.com/crossdomain.xml");

Wanneer je vervolgens een afbeelding wilt laden om in Pv3d te gebruiken dien je nogmaals een controle uit te voeren om te zien of je toegang hebt.

Je kan nu je material object op twee manieren van een afbeelding voorzien, de eerste is door de BitmapFileMaterial classe van Papervision3D te gebruiken en daar de volgende regels code aan toe te voegen.


var loaderContext:LoaderContext = new LoaderContext ();
loaderContext.checkPolicyFile = true;

Voeg vervolgens de controlle uit op het aanwezig zijn van een policy file.

bitmapLoader.load( request ,loaderContext);


Wanneer je liever niet aan de classes van PV3D sleuteld, zul je de afbeeldingen eerst om moeten zetten naar een bitmap object. Laad de afbeeldingen in en voer wederom een controle uit.


var loaderContext:LoaderContext = new LoaderContext ();
loaderContext.checkPolicyFile = true;
imageLoader.load( new URLRequest( imageLink, loaderContext );


Vervolgens gebruik je de images als Bitmap data en dit kun je als materiaal meegeven aan je 3d object.


var loadedBitmap : Bitmap = e.target.content as Bitmap;
var bitmap : BitmapData = loadedBitmap.bitmapData;


Meer informatie vind je hier:
Over toegang tot flickr
Adobe livedocs
Over de policyfile