Titanium Community Questions & Answer Archive

Question

Augmented Reality + LBS

Hi all,

I've been asking the same question on the now locked community forum.

Basically I'm trying to create an application more or less evolved like the Acrossair application on iphone. It's an AR application coupled with LBS to provide information about various places of interest surrounding you.

I'm developing with an iPhone 3G so it's unfortunate not to have a digital compass. However swipe gestures will do the trick and this is a no brainer.

The problem lies with creating the 3D matrix for the actual AR view itself. I can't find a good enough explanation on the docs to create a basic cube with a perspective from inside the cube. I managed to create a cube using Javascript on a safari browser but finding it really difficult to create one with Titanium.

Anyone got ideas on how to achieve this? Looking forward for a reply. Thanks.

Tista

Answer 1

Did you take a look at the 3D example in Kitchen Sink.

We have a pretty complex (ported from a similar one in JS for Safari) set of examples there. The 2D and 3D matrix operations are documented here:

3D Matrix

2D Matrix

Answer 2

Hi Jeff,

The Kitchen Sink from 1.1 is not much different from 0.9 in terms of its 3D animation demo. I've made some codes for the first face of the cubes which are:

var face1 = Ti.UI.createView({
        height: 450,
        width: 320
    });
    var faceMarkers11 = Ti.UI.createLabel({
        text: 'Dunkin Donuts Cilandak',
        font: {fontSize: 12},
        top: 10,
        width: 'auto',
        height: 'auto'
    });
    var faceMarkers12 = Ti.UI.createLabel({
        text: 'Pondok Indah Mall',
        font: {fontSize: 12},
        top: 10,
        width: 'auto',
        height: 'auto'
    });
    var faceMarkers13 = Ti.UI.createLabel({
        text: 'Plaza Senayan',
        font: {fontSize: 12},
        top: 10,
        width: 'auto',
        height: 'auto'
    });
    face1.add(faceMarkers11);

    win.add(face1);

The cube have 4 faces initially which are left, front, right and back. The front face will never be shown because the perspective is directly on the front face.

Let's say I wanna make the codes above as a left face, do you have any pointers on how to do the actual coding? The KitchenSink example is rather cheap :(

Thank you,
Tista

Answer 3

Hi again,

It's puzzling but I'm trying to overlay a webview on top of the camera view. Is there anyway we can make a webview to have transparent backgrounds?

Thank you,
Tista

Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

Augmented Reality + LBS

3 Answers