QAugmentedReality - Local based augmented reality component

Article Metadata

---

Tested with

Devices(s): Nokia N8, Nokia C7-00

---

Platform Security

Capabilities: Location, NetworkServices,UserEnvironment,ReadUserData

---

Article

Keywords: Augmented Reality, Camera, GPS, Compass

Created: galazzo (13 Jun 2012)

Last edited: galazzo (13 Jun 2012)

Introduction

QAugmentedReality is a camera component that provides all functionalities to create your own local based augmented reality application like Nokia City Lens or social applications for example displaying your friends location or your parked car location direction.

Summary

The component built entirely from scratch, inherits all camera features adding GPS, Accelerometer and Compass support.
Anyway the component's strenght is the model support that allows you to easy manage your data to display. To add a pin into your scene you just need to add a QAugmentedRealityCameraItem element to QAugmentedRealityCameraModel to obtain a result like below:

Get Started with QAugmentedReality

• Download the project from [projects.developer.nokia.com/QAugmentedReality here]
• Include QAugmentedReality directory into your project

.pro

include(QAugmentedReality/AugmentedRealityLibrary.pri)

main.cpp

#include <QtGui/QApplication>
#include "qmlapplicationviewer.h"
 
#include <QtDeclarative>
#include "qaugmentedrealitycamera.h"
 
Q_DECL_EXPORT int main(int argc, char *argv[])
{
    QScopedPointer<QApplication> app(createApplication(argc, argv));
 
    QmlApplicationViewer viewer;
 
    qmlRegisterType<QAugmentedRealityCamera>("QAugmentedRealityCamera", 1, 0, "QAugmentedRealityCamera");
    qmlRegisterType<QAugmentedRealityCameraModel>("QAugmentedRealityCamera", 1, 0, "QAugmentedRealityCameraModel");
    qmlRegisterType<QAugmentedRealityCameraItem>("QAugmentedRealityCamera", 1, 0, "QAugmentedRealityCameraItem");
    qmlRegisterType<QAugmentedRealityCameraDelegate>("QAugmentedRealityCamera", 1, 0, "QAugmentedRealityCameraDelegate");
 
    // Resize the root QML element to view size
    viewer.setResizeMode(QDeclarativeView::SizeRootObjectToView);
 
    // Performance optimization flags
    viewer.setAttribute(Qt::WA_OpaquePaintEvent);
    viewer.setAttribute(Qt::WA_NoSystemBackground);
    viewer.viewport()->setAttribute(Qt::WA_OpaquePaintEvent);
    viewer.viewport()->setAttribute(Qt::WA_NoSystemBackground);
    viewer.setViewportUpdateMode(QGraphicsView::FullViewportUpdate);
 
 
    viewer.setOrientation(QmlApplicationViewer::ScreenOrientationLockLandscape);
    viewer.setMainQmlFile(QLatin1String("qml/QAugmentedRealitySample/main.qml"));
    viewer.showExpanded();
 
    return app->exec();
}

QML

import QtQuick 1.1
import QAugmentedRealityCamera 1.0
 
Rectangle {
    id:home
    width: 640
    height: 360
    color:"white"
 
    QAugmentedRealityCameraModel {
        id:pinsModel
        pins: [
            QAugmentedRealityCameraItem {
                latitude: 41.891033
                longitude:12.492599
                message:"Rome"
                source: ":/images/colosseo.jpg"
            },
            QAugmentedRealityCameraItem {
                latitude: 45.463502
                longitude:9.187946
                message:"Milan"
                source: ":/images/milan.jpg"
            },
            QAugmentedRealityCameraItem {
                latitude: 48.856358
                longitude:2.352047
                message:"Paris"
                infoBox: "#FFAA23"
                source: ":/images/paris.jpg"
            },
            QAugmentedRealityCameraItem {
                latitude: 51.50746
                longitude:-0.127831
                message:"London"
            },
            QAugmentedRealityCameraItem {
                latitude: 52.518728
                longitude:13.404465
                message:"Berlin"
                source: ":/images/berlin.jpg"
            },
            QAugmentedRealityCameraItem {
                latitude: 40.714997
                longitude:-74.006767
                message:"New York"
                source: ":/images/new-york.jpg"
            },
            QAugmentedRealityCameraItem {
                latitude: 35.689649
                longitude:139.691048
                message:"Tokyo"
            },
            QAugmentedRealityCameraItem {
                latitude: -37.813717
                longitude:144.962955
                message:"Melbourne"
                infoBox: "blue"
            }
        ]
    }   
 
    QAugmentedRealityCamera {
        id:camera
        anchors.fill: parent
        resolution: Qt.size(2592,1456)
        model: pinsModel
    }
 
    Component.onCompleted:{
        camera.start(camera.availableDevices[0])
 
        pinsModel.append({
                            "latitude": 45.428094,
                            "longitude": 9.313946,
                            "message": "Peschiera Borromeo",
                            "source": ":/images/bino.jpg"
                      })
        pinsModel.append({
                            "latitude": -34.603541,
                            "longitude": -58.381748,
                            "message": "Buenos Aires",
                            "infoBox" : "white"
                      })
 
    }
}