NativeScript Augmented Reality
Tip: give this article by TJ a read if you want a nice introduction to AR in NativeScript. It uses an older version of the plugin, but it's still quite relevant.
Supported platforms
- iPhone SE, 6s, iPad Pro, iPad 2017, or newer support ARKit. Running iOS 11 or newer.
- Many Android devices support ARCore nowadays. Obviously the faster the device, the better the experience.
Installation
From the command prompt go to your app's root folder and execute:
tns plugin add nativescript-ar
Embedding an AR view
Types of AR experiences
- World tracking: augment the world around you
- Face tracking: augment a face
- Image tracking: augment 2D images your camera finds
Using the AR API
Running the demos
To dive in quickly, install NativeScript if you don't have it yet: npm i -g nativescript,then clone this repo:
git clone https://github.com/EddyVerbruggen/nativescript-ar
cd nativescript-ar/src
In the src folder you'll find a package.json which has the commands to build and run these demos:
Solar System (Vue)
npm run demo.solarsystem.ios
npm run demo.solarsystem.android
Pokémon (Angular)
npm run demo.pokemon.ios
npm run demo.pokemon.android
Glasses (Angular)
npm run demo.glasses.ios
npm run demo.glasses.android
TypeScript demo
This is just a kitchen sink demo with a lot of random stuff.
npm run demo.ios
npm run demo.android
JavaScript demo
This is a super simple demo which show how to integrate this plugin with plain JavaScript NativeScript apps.
npm run demo.plainjs.ios
npm run demo.plainjs.android
-
NativeScript 可以使用 Javascript，CSS, XML 创建真正的 Native 跨平台应用，支持 iOS Android，NativeScript 将您的跨平台代码翻译成目标平台的代码。 UI 使用 XML 描述，CSS 样式，在编译时将 UI 转化成本地原生代码,最终得到正在的 Native 原生应用。 Telerik 公开了用于创建安卓、iOS和Windows Unive
-
NativeScript Command-Line Interface The NativeScript CLI lets you create, build, and deploy NativeScript-based apps on iOS and Android devices. Get it using: npm install -g nativescript What is Native
-
NativeScript-Snackbar �� �� �� NativeScript plugin for Material Design SnackBar component. Installation: NativeScript 7+:tns plugin add @nstudio/nativescript-snackbar NativeScript version prior to 7:t
-
Nativescript-Ripple This plugin aims to bring a native (or close to native) ripple implementation on Android and iOS. The android version uses a RippleDrawable and conserves the previous background, a
-
NativeScript-FloatingActionButton NativeScript plugin for Material Design Floating Action Button UI component. Installation Nativescript 7+: ns plugin add @nstudio/nativescript-floatingactionbutton Na
-
NativeScript CardView A NativeScript plugin to provide an XML widget to implement the Material Design CardView component. Installation NativeScript 7+: ns plugin add @nstudio/nativescript-cardview Nat
-
This project has moved: This project is now being maintained here: https://github.com/nativescript-community/ui-mapboxas it's become clear contrary to what I thought, I don't actually have enough time
-
Nativescript Hijri plugin This plugin is inspired by https://github.com/arabiaweather/hijri-date Nativescript-hijri Hijri plugin allow you to convert gregorian date to islamic hijri date. Installation