Marker

I ve been toying around with Augmented Reality a lot lately. I came across FLARManager which is the easiest way to implement AR. Somehow i haven’t found any code out there till now that displays multiple collada files on multiple markers. So, here is my implementation of the concept.

package {

import com.transmote.flar.FLARManager;

import com.transmote.flar.marker.FLARMarker;

import com.transmote.flar.marker.FLARMarkerEvent;

import com.transmote.flar.utils.geom.FLARPVGeomUtils;

import flash.display.Sprite;

import flash.events.Event;

import org.libspark.flartoolkit.support.pv3d.FLARCamera3D;

import org.papervision3d.lights.PointLight3D;

import org.papervision3d.objects.DisplayObject3D;

import org.papervision3d.objects.parsers.DAE;

import org.papervision3d.render.LazyRenderEngine;

import org.papervision3d.scenes.Scene3D;

import org.papervision3d.view.Viewport3D;

public class MultiMarkerMultiDae extends Sprite {

private var flarManager:FLARManager;

private var scene3D:Scene3D;

private var camera3D:FLARCamera3D;

private var viewport3D:Viewport3D;

private var renderEngine:LazyRenderEngine;

private var pointLight3D:PointLight3D;

private var activeMarker1:FLARMarker;

private var activeMarker2:FLARMarker;

private var activeMarker3:FLARMarker;

private var activeMarker:FLARMarker;

private var modelContainer:DisplayObject3D;

private var modelContainer1:DisplayObject3D;

private var modelContainer3:DisplayObject3D;

private var markerId:int;

public function MultiMarkerMultiDae ()

{

// pass the path to the FLARManager xml config file into the FLARManager constructor.

// FLARManager creates and uses a FLARCameraSource by default.

// the image from the first detected camera will be used for marker detection.

this.flarManager = new FLARManager("flar/flarConfig.xml");

// add FLARManager.flarSource to the display list to display the video capture.

this.addChild(Sprite(this.flarManager.flarSource));

// begin listening for FLARMarkerEvents.

this.flarManager.addEventListener(FLARMarkerEvent.MARKER_ADDED, this.onMarkerAdded);

this.flarManager.addEventListener(FLARMarkerEvent.MARKER_UPDATED, this.onMarkerUpdated);

this.flarManager.addEventListener(FLARMarkerEvent.MARKER_REMOVED, this.onMarkerRemoved);

// wait for FLARManager to initialize before setting up Papervision3D environment.

this.flarManager.addEventListener(Event.INIT, this.onFlarManagerInited);

}

private function onFlarManagerInited (evt:Event) :void

{

this.flarManager.removeEventListener(Event.INIT, this.onFlarManagerInited);

this.scene3D = new Scene3D();

// initialize FLARCamera3D with parsed camera parameters.

this.camera3D = new FLARCamera3D(this.flarManager.cameraParams);

this.viewport3D = new Viewport3D(this.stage.stageWidth, this.stage.stageHeight);

this.addChild(this.viewport3D);

this.renderEngine = new LazyRenderEngine(this.scene3D, this.camera3D, this.viewport3D);

this.pointLight3D = new PointLight3D();

this.pointLight3D.x = 1000;

this.pointLight3D.y = 1000;

this.pointLight3D.z = -1000;

// load the model.

// (this model has to be scaled and rotated to fit the marker; every model is different.)

var model1:DAE = new DAE(true, "model1", true);

model1.load("assets/model4.dae");

model1.rotationX = 0;

model1.rotationY = 0;

model1.rotationZ = 0;

model1.scale = 10;

// load the model.

// (this model has to be scaled and rotated to fit the marker; every model is different.)

var model2:DAE = new DAE(true, "model2", true);

model2.load("assets/model4.dae");

trace("model4 loaded");

model2.rotationX = 0;

model2.rotationY= 0;

model2.rotationZ = 0;

model2.scale = 10;

// load the model.

// (this model has to be scaled and rotated to fit the marker; every model is different.)

var model3:DAE = new DAE(true, "model3", true);

model3.load("assets/model4.dae");

model3.rotationX = 0;

model3.rotationY= 0;

model3.rotationZ = 0;

model3.scale = 10;

// // create a container for the model, that will accept matrix transformations.

// create a container for the model, that will accept matrix transformations.

this.modelContainer = new DisplayObject3D();

this.modelContainer.addChild(model1);

this.modelContainer.visible = false;

this.scene3D.addChild(this.modelContainer);

this.modelContainer1 = new DisplayObject3D();

this.modelContainer1.addChild(model2);

this.modelContainer1.visible = false;

this.scene3D.addChild(this.modelContainer1);

this.modelContainer3 = new DisplayObject3D();

this.modelContainer3.addChild(model3);

this.modelContainer3.visible = false;

this.scene3D.addChild(this.modelContainer3);

//------------------------------------------------------------------------- ---------

this.addEventListener(Event.ENTER_FRAME, this.onEnterFrame);

}

private function onMarkerAdded (evt:FLARMarkerEvent) :void

{

trace("["+evt.marker.patternId+"] added");

if(evt.marker.patternId == 1)

{

trace("Pattern 1 Added");

markerAdded(1);

this.activeMarker1 = evt.marker;

}

if(evt.marker.patternId == 2)

{

trace("Pattern 2 Added");

markerAdded(2);

this.activeMarker2 = evt.marker;

}

if(evt.marker.patternId == 3)

{

trace("Pattern 3 Added");

markerAdded(3);

this.activeMarker3 = evt.marker;

}

this.activeMarker = evt.marker;

}

private function onMarkerUpdated (evt:FLARMarkerEvent) :void

{

trace("["+evt.marker.patternId+"] updated");

if(evt.marker.patternId == 1)

{

trace("Pattern 1 Updated");

markerAdded(1);

this.activeMarker1 = evt.marker;

}

if(evt.marker.patternId == 2)

{

trace("Pattern 2 Updated");

markerAdded(2);

this.activeMarker2 = evt.marker;

}

if(evt.marker.patternId == 3)

{

trace("Pattern 3 Updated");

markerAdded(3);

this.activeMarker3 = evt.marker;

}

}

private function onMarkerRemoved (evt:FLARMarkerEvent) :void {

trace("["+evt.marker.patternId+"] removed");

if(evt.marker.patternId == 1)

{

trace("Pattern 1 Removed");

markerRemoved(1);

}

if(evt.marker.patternId == 2)

{

trace("Pattern 2 Removed");

markerRemoved(2);

}

if(evt.marker.patternId == 3)

{

trace("Pattern 3 Removed");

markerRemoved(3);

}

this.activeMarker = null;

this.activeMarker1 = null;

this.activeMarker2 = null;

this.activeMarker3 = null;

}

private function onEnterFrame (evt:Event) :void {

// apply the FLARToolkit transformation matrix to the Cube.

if (this.activeMarker) {

this.modelContainer.transform = FLARPVGeomUtils.convertFLARMatrixToPVMatrix(this.activeMarker.transformMatrix);

}

if (this.activeMarker1) {

this.modelContainer.transform = FLARPVGeomUtils.convertFLARMatrixToPVMatrix(this.activeMarker1.transformMatrix);

}

if (this.activeMarker2) {

this.modelContainer1.transform = FLARPVGeomUtils.convertFLARMatrixToPVMatrix(this.activeMarker2.transformMatrix);

}

if (this.activeMarker3) {

this.modelContainer3.transform = FLARPVGeomUtils.convertFLARMatrixToPVMatrix(this.activeMarker3.transformMatrix);

}

// // apply the FLARToolkit transformation matrix to the Cube.

this.renderEngine.render();

}

//EVENTS FOR ADDED MARKER

private function markerAdded(markerId:int):void

{

trace(markerId);

var x:int = markerId;

switch(x)

{

case 1:

{

trace("1 Yeah");

if(modelContainer1.visible==false)

{

modelContainer1.visible=true;

break;

}

else

break;

}

case 2:

{

if(modelContainer.visible==false)

{

modelContainer.visible=true;

break;

}

else

break;

}

case 3:

{

trace("1 Yeah");

if(modelContainer3.visible==false)

{

modelContainer3.visible=true;

break;

}

else

break;

}

}

}

private function markerRemoved(markerId:int):void

{

var x:int = markerId;

switch(x)

{

case 1:

{

if(modelContainer1.visible==true)

{

modelContainer1.visible=false;

break;

}

else

break;

}

case 2:

{

if(modelContainer.visible==true)

{

modelContainer.visible=false;

break;

}

else

{

break;

}

}

case 3:

{

if(modelContainer3.visible==true)

{

modelContainer3.visible=false;

break;

}

else

break;

}

}

}

}

}

Just link back to me if you use this code. Here is the example of how the code works. Download the marker here.

If it does not load, click here.

Behavior with age:

The major thing with age was that the kids transitioned from mechanical toys and board games toward video games. They swap games at school and use up all their free time playing video games at home or with friends.

Siblings:

The younger kid likes to play with the older kid but the older kid only plays with the younger kid when he/she has nothing else to do. This is true for most males and a few females.

There is a general protective instinct and a teaching instinct in the older kids. They use their younger siblings as “subjects” during their play. Essentially, a hierarchy of command is established.

Peers:

The older kids seem to be getting on well in games that REQUIRE collaboration. A few gravitate toward exploring other options.

Outdoor:

The types of games and methods of play is greatly affected by the immediate environment where they play. Be it the football field or the sandbox, when it snows, they HAVE to sled.

We observed constructive as well as destructive behavior. Kids seem to like to construct things and once they have finished with the particular venture, they seem to gravitate toward destroying it when in a group. This is not the case when they are alone, some like to admire their work when they are alone and often try to get an adult to notice and admire their work.

Indoor:

Amazingly, this is seasonal too. Seasonal in the sense that every time a new sensation, cartoon or movie comes out, they get totally engrossed in it. Action figures, dolls, board games, video games, even games they make up have rules made up from the present attraction.

We also noticed that kids don’t stick to the same toy for more than a weeks time, even though they go back to the old toys when they don’t have anything new to explore. This usually results in playing with a combination of toys (old and new).

Sex:

This was the most obvious fact in older kids. The concept of male and female is instilled early even though the kids themselves don’t realize until they cross the age of 6 or 7. Girls play with dolls, boys play with cars seemed a universal truth. This further goes on to everything from clothes they put on to the plates they eat from. The parents identify this in most cases and the room decor changes significantly based on the sex of the kids occupying the room.

Older boys liked to run and bounce while the girls preferred to sit tight and play with their dolls and kitchen sets. The preference of colors was evident though Black and at times white seemed to be a universal favorite.

Boys liked loud noises.

Parents:

We had some really interesting insight from parents as well. They was this general agreement that kids get bored easily. Also, they wanted toys that are easy to put back together once they are broken.

Some said the kids had one favorite toy which they wouldn’t part with. Be it the old train set or the teddy bear, there always is a favorite.

This is what we heard parents say most, “My kids usually just plays video games”. “They come straight from school and plop down in front of the PS3”

A WEEK BEFORE WE HAD TO FLY

In the mean time, we were busy taking care of other details. Speculating about the time we would spend there and the cash we would be carrying and the general rants and raves. It turned out we couldnt get the malaysian visa here. TOO BAD. Cause of Gana’s Passport coming in late and me misplacing the visa photos and the general traffic situation in chennai.

Well, there we were in college. Completely oblivious to the fact that we were going to be flying to Singapore later that night. It was like any other day in college, nothing special.  Except a couple of leers from Kulla Karthi and a lot smiles and half a dozen teachers not being allowed to teach at our expense. Nothing out of the ordinary.

On we went to the airport that night and through the baggage check, we were 5 kilos over the limit. Off came the coat and on it went on me. Gana reshuffled some of his luggage and voila, we were just 3 kilos over. The good guy behind the counter decided to overlook the extra. Turned out only half the flight was full. After the busy immigration and the security checks and double checking if TIGER AIR really did exist, well our fears were out to rest on seeing the Airbus A3xx standing proudly on the tarmac. Ah, BLISS!!!

After  taking in the Airbus and calling up my mom and confirming that the airline existed, we prepare for the long journey ahead. A security check later, we were walking down the ramp to the plane. We walk in to find cute lookin hostesses who gracefully help us to our seat. After helping a couple of people with their luggage, we settle down in your seats. A little cramped but we found the best position within seconds and started looking at each other and everyone else. At last the doors shut and the briefing began. The usual stuff about seat belts and life jackets.

They told us to switch off phone and electrical stuff saying it would interfere with their communications. I knew for a fact that it wouldn’t so we did not bother.  In fact we were talking away and clicking away during the take off. Gana was a little apprehensive cause this was his first flight. I love the feeling you get when the flight accelerates to take off . And take off we did.

More in the next post.

23. fanniemae

24. whathathgodwrought

25. chessboard

26. stalemate

again, dont ask me how !@!

This is one of the worst managed gigs i ve ever come across !! ! !

Don ask me how !@!

21. welding

17 – william

18 – fritzlang

12. threewisemen

13. cocktail

14. canadianfrench

15. cruel

2; eu25
3: aravindadiga

4: gordianknot
5: alianprost
6: godfather
7: earthquake
8: gladiator
9: suicide
10:thebigbang

The circle club is a group of people who have done somethin in common.

Find out what they have done.

(hint they die in the end. read took their own life )