Bug: The app installs but as soon as it does, the icon disappears from the screen.

This can be irritating, understandably.

Issue: The app id doesn’t match the provisioning profile.

Fix: Found Here

It turns out to be that the bundle-identifier in the app-info.plist file did not match the adhoc provisioning profile identifier. This property has to match the APP ID in the provisioning portal that you created the profile with.
i.e. My APP ID = com.TheApp.*
WRONG:
bundle-identifier
com.SomeOtherName.Whatever
CORRECT:
bundle-identifier
com.TheApp.TheAppName
Also, make sure that you replace ‘TheAppName’ with the same value as ‘Product Name’ in your project + target settings.

Adobe Photoshop
Autodesk Maya
Google Maps
Google Earth

Lets get started

For this post, i am using the map data from NYC’s gis website. Here is the link http://gis.nyc.gov/doitt/nycitymap/

The first thing you need to do is decide the area on the map you are going to work on. I am going to start small, just a block from downtown brooklyn for now. My ultimate motive for doing this is to publish it inside BetaVille, the project i am working for as a 3D Artist right now. So, here is the block. All you need is a screenshot of the block.

Screenshot for building the buildings ground up.

Now, Open this up in Photoshop. We are going to use the pen tool to pen on top of the edges of the buildings.

Open it up in photoshop

Select the Pen Tool

Pen on top of the building edges

Export the paths to illustrator

Export Options

Now lets open up Maya and import the illustrator file into the scene. Notice that the plane is vertical to your grid. This happens when your up axis is Y. Now Select all of it and group (Command + G on a mac and Ctrl + G on windows). Rotate the X-Axis to a -90. It should now have nicely lined up with your grid.

Import the file

Looks vertical to the grid

Group them together and rotate

Now we switch the mode to surfaces and then hit Surfaces->Planar on the menu. Make sure the settings are the same as in the screenshot below by clicking on the little box next to Planar. After you make the planar mesh, duplicate it (Command + D on mac and Ctrl + D on win). Now hit the “w” key and move the duplicated mesh up till you can see the initial mesh clearly below it. Now select the initial mesh and delete it.

Change mode to surfaces

Use the Planar tool. Check settings with the screenshot before you use this tool.

Settings for the Planar tool

Duplicate the new mesh and move it up

Select the Old mesh and delete it.

Now you have a nice basic outline of the buildings in the new mesh. Center pivot and move it to the origin on the grid. Switch the mode to Polygons and select Edit Mesh -> Extrude on the menu. Select the small box near it to check the settings and match it with the settings in the screenshot. Now you will see the extrude mesh arrows, all you have to do is select the Y axis arrow and pull it up to give your buildings some height. Hit “5″ to view it in the textured mode.

Change Mode to Polygons

Center the pivot on the new mesh

Move mesh to the origin. you can hold "X" to make it stick to the grid

Select the options for Extrude on the menu

SEttings for Extrude

Right after you select extrude, this is how it looks. Hold the blue arrow and drag it up to add height to your mesh.

Finish Adding height

Press "5" on the keyboard to view the textured version

Now you have the basic figure of the buildings and some height as well. What you dont know is the actual height of the buildings. Lets do some google maps exploring and figure out the height. Pull up the block on google street view.

Look up on google maps

Look into street view

Now, the buildings in Brooklyn are roughly 12 feet high per floor. Using this, we can pretty much calculate the height of the building. You can also look for detailed info on the gis data from the city’s website. For our purposes we are just going to go with the 12 feet per floor assumption.

3 and a half floors, roughly 42 feet

6 floors , so roughly 72 feet

Around 10 floors, so 120 feet

Now lets go back into maya with this newly founded info and finish up the buildings. My grid is set to one line every 12 feet just to keep things simple.

Set the grid settings

Settings for the grid

Select the mesh and hit Mesh -> Separate

Meshes separated

Select the 120 feet building, Press "R" on the keyboard and pull up the height to 120 feet

Similarly for the 72 feet building

And the 42 foot buildings, do them together.

Now lets open up google earth to find out how big the block is. this is the final step to finish up the whole block. Use the measuring tool in google earth to measure the distance. Click on one corner and then click on the next corner to get the distance between the corners. change the scale to feet.

Google Earth Scale tool

Length of the block is around 202 feet

The width is 202 feet as well. A nice square block!

Now go back into maya and select everything. Adjust the mesh so that they line up on one edge to the center of the grid. You can pull the pivot to one corner by pressing (Fn + left on the mac) and pulling the pivot to where you want it. After this, just resize the length and width to 202 feet and we have a nice block from downtown brooklyn all built from ground up.

Switch to Top View

Move Pivot Manually (Fn + Left)

Move Pivot to the center of the grid

Rotate the mesh to line up with the grid.

Freeze transformations

Freeze transformations resets the transformations of the mesh to 0,0,0

Resize the buildings

A whole block from ground up. Thats it Folks!

Edit:
After you complete all of this, go into the outliner and pull out the meshes from the group using the middle mouse button. This makes them individual meshes. Cheers.

Pull em outta there with the middle mouse button.

Feel free to comment and ask questions.

Credits:
Ashwin Ramesh for figuring out how to do this.

The kinect is based on movement, and the one tangible thing that you get out of movement at that scale is people getting tired. Games are designed so that they follow a story and the characters do not know what fatigue is. The only limiting factors are the physics engine and the world itself. Think about people trying to play Assasin’s Creed using the Kinect! No one is going to be able to make those moves, even if they are able to, how and where will they do it?

But what the kinect would be awesome for would be games that require imitation, interfaces that require more than m ouse pointers and clicks, Human imaging and medical purposes, even therapy like i was talking about in a previous post. Kinect would also be a huge thing in crowd gaming(something like i was talking about here).

More on this once we ve had our fair chance to play around with the kinect (read Hack it and use it for purposes it was not built to perform).

-Arun

Waiting in line at the Apple store's Genius bar. (W14th st, NYC)

I am dropping off my mac for its 2nd repair in 6 months at the apple store on W14th in NYC and sitting here, I wonder how thousands of people waiting to do the same can be engaged. Disney comes up with innovative games and shows for people waiting on line, why cant every store do the same? After all wouldn’t it change how people feel about their experience at the store. Keep in mind that most of these people are here because they have a problem with their product.

I think every store out there should be thinking about how to keep their customers engaged while waiting in line, be it to check out or check in. It could be as simple as a trivia game on screen to as complex as a social interaction based game. I was discussing waiting line games with my friend Ashwin and he threw out an idea for a mobile app that would ask you if you like the person in front of you or immediately behind you and people would be able to see what other people say about them! Think about it, you could meet and laugh with totally random people!

We also talked about a trivia based game where people had to keep moving on to the next screen every time they answer a question! This could take a completely social experience where a bunch of people try to answer the question along with you. At the end of the day, if we keep people engaged, they wont even notice the time flying past them.

But it all comes down to how much the company would invest in keeping their customers on the waiting line happy.

-Arun

What if,

they could calm you down?
help you deal with your fears?
help you deal with the loss of a loved one?
get back on your sane feet?
reduce those therapy bills?

Games dont just have to be about fun, though the very core of games is fun. If its not fun, it aint a game. But, what if we could develop games that are fun and at the same time help us achieve something? People think that the new XBox Kinect console would fail because people like to control characters using buttons. If they wanted to do physical work, they would go out and play. But  we should be thinking of it more as an educational tool or as a therapeutic tool. It can already interact with you, why not let it help you sort things inside your head? Why not let it be your physiotherapist? It doesn’t have to be the kinect system, it could be anything.

I ve been researching on how emotions and movements affect people’s play patterns. And now games for therapy is the next thing i will be tackling!

Until the next post,
Arun

Please leave concerns / comments Thanks.

NOTE: THIS IS A FLASH BUILDER 4 VERSION.

P.S Please acknowledge if you decide to use the code.

DOWLOAD http://www.looneydoodle.com/MultiMarkerMultiCollada.zip

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”