<div class="mce-toc">
<h2>Table of Contents</h2>
<ul>
<li><a href="#mcetoc_1g69u767o40">What you need to do AR development</a>
<ul>
<li><a href="#mcetoc_1g69u767o41">Development environment</a></li>
<li><a href="#mcetoc_1g69u767o42">Library for AR</a></li>
</ul>
</li>
<li><a href="#mcetoc_1g69u767o43">Library used for AR development</a>
<ul>
<li><a href="#mcetoc_1g69u767o44">Apple ARKit</a></li>
<li><a href="#mcetoc_1g69u767o45">AR Core</a></li>
<li><a href="#mcetoc_1g69u767o46">Amazon Sumerian</a></li>
<li><a href="#mcetoc_1g69u767o47">Spark AR Studio</a></li>
<li><a href="#mcetoc_1g69u767o48">Magic Leap Toolkit</a></li>
<li><a href="#mcetoc_1g69u767o49">Mixed Reality Toolkit</a></li>
</ul>
</li>
<li><a href="#mcetoc_1g69u767o4a">What is recommended to start AR development?</a>
<ul>
<li><a href="#mcetoc_1g69u767o4b">Make an app for iOS</a></li>
<li><a href="#mcetoc_1g69u767o4c">Make an app for Android</a></li>
<li><a href="#mcetoc_1g69u767o4d">Make an app for Magic Leap</a></li>
<li><a href="#mcetoc_1g69u767o4e">For apps for HoloLens</a></li>
</ul>
</li>
<li><a href="#mcetoc_1g69u767o4f">Introducing Relipa's AR achievements, development environment and libraries.</a>
<ul>
<li><a href="#mcetoc_1g69u767o4g">AR furniture</a></li>
<li><a href="#mcetoc_1g69u767o4h">AR outfit</a></li>
</ul>
</li>
<li><a href="#mcetoc_1g69u767o4i">Summary</a></li>
</ul>
</div>
<p style="text-align: justify;">AR development - Required development environment and libraries</p>
<p style="text-align: justify;">AR (Augmented Reality) is a technology that expands reality by adding digital information to the current position captured by the device from location information such as GPS and object analysis information. The number of users has increased in recent years, and the development of technology is rapid.</p>
<p style="text-align: justify;">For example, there are some that display AR when you read the QR code, and some that recognize the face and display makeup and accessories in AR. In addition, the range of use is wide-ranging, such as games, events, and technical training.</p>
<p style="text-align: justify;">To develop such an AR, you need to use a library for AR separately from the application development environment. Here, we will explain the construction of the library and development environment necessary for AR development based on our AR achievements.</p>
<h2 id="mcetoc_1g69u767o40" style="text-align: justify;">What you need to do AR development</h2>
<p style="text-align: justify;">For AR development, you need a development environment used to develop the application itself and a library for AR. Let's see what kind of integrated development environment(IDE) and libraries are available for each.</p>
<h3 id="mcetoc_1g69u767o41" style="text-align: justify;">Development environment</h3>
<p style="text-align: justify;">Regarding the development environment, it is basically the same as the development environment of a normal application. Select the development environment to use according to the language to be used. Since the environment to be used changes depending on the target of the AR to be developed, let's first clarify the target device.</p>
<p style="text-align: justify;">IDEs for application development include Xcode provided by Apple, Android Studio provided by Google, Unity, which has strengths in VR / AR, and Visual Studio of Microsoft.</p>
<p style="text-align: justify;">The languages used to develop AR include Swift for iOS and Kotlin and Java for Android. Also, if you use Unity, it will be C #, and if you are using Web AR that implements AR on the Web instead of an app, it will be HTML + JavaScript.</p>
<p style="text-align: justify;"><img class="responsiveImage" src="http://api.relipa.global/storage/471/Th&ecirc;m-ti&ecirc;u-đề-(2).jpg" alt="AR Development" /></p>
<p style="text-align: justify;">Please also check the following article for details on Web AR.</p>
<p style="text-align: justify;">What is Web AR? Introducing case studies and things necessary for development</p>
<h3 id="mcetoc_1g69u767o42" style="text-align: justify;">Library for AR</h3>
<p style="text-align: justify;">Regarding the library framework used in AR development, we will explain six typical ones, focusing on the library provided by the platform official. In addition to the libraries introduced this time, there are also libraries such as A-Frame and AR.js that are often used in Web AR development.</p>
<h2 id="mcetoc_1g69u767o43" style="text-align: justify;">Library used for AR development</h2>
<h3 id="mcetoc_1g69u767o44" style="text-align: justify;">Apple ARKit</h3>
<p style="text-align: justify;">AR library for iOS provided by Apple Inc. requires a device equipped with a CPU that supports ARKit to operate. The programming language used for development is either Swift or Objective-C, and the latest version is the ARKit 4, released in June 2020.</p>
<p style="text-align: justify;">ARKit has a powerful face tracking function, but the characteristic feature of the latest ARKit 4 is probably "Location Anchors". This function allows you to place AR objects on famous spots and landmarks that actually exist based on Apple's 3D map data.</p>
<p style="text-align: justify;">In the conventional AR, the AR was displayed individually for each terminal, but in the AR using the location anchor, the CG object is placed in a specific place in the real world, so it is now possible for multiple people to see the same AR. You can view and walk the installed AR objects from any angle and share a more interactive experience.</p>
<h3 id="mcetoc_1g69u767o45" style="text-align: justify;">AR Core</h3>
<p style="text-align: justify;">This is an AR library provided by Google. Unlike ARKit, which runs on Apple devices, ARCore works on a wide range of devices and supports the following development environments.</p>
<ul style="text-align: justify;">
<li>Android native (Java, Kotlin)</li>
<li>Unity</li>
<li>Unreal</li>
<li>iOS native (Objective-C, Swift)</li>
</ul>
<p style="text-align: justify;">Since it also works on iOS, there are cases where ARCore is selected as the library when developing cross-platform AR apps. For example, if you develop with ARCore + Unity, you can develop with cross-platform Android and iOS. However, compared to ARKit, there are some disadvantages such as weak object tracking and motion capture.</p>
<h3 id="mcetoc_1g69u767o46" style="text-align: justify;">Amazon Sumerian</h3>
<p style="text-align: justify;">It is an AR development library based on AWS provided by Amazon. Works on multiple platforms, supports WebGL and WebVR, as well as web browsers (Chrome, Firefox, etc.), mobile browsers (iOS, Android, etc.), Oculus Go, Oculus Rift, HTC Vive, HTC Vive Pro, Google Daydream, Lenovo, and it also supports Mirage.</p>
<p style="text-align: justify;">The development languages ​​are HTML and JavaScript. The development environment is also browser-based and the threshold is relatively low. You can easily create VR and AR apps and embed them in your existing website without any special programming or 3D graphics processing expertise.</p>
<h3 id="mcetoc_1g69u767o47" style="text-align: justify;">Spark AR Studio</h3>
<p style="text-align: justify;">An AR library developed by Facebook, known as an IDE for creating AR effect filters for use in Instagram stories. The tool is provided free of charge, and in addition to detailed tutorial videos, there are plenty of templates that make it easy to create AR, so you can develop a simple AR without writing any code. Therefore, it is possible to create AR effects even without any knowledge. Compared to other AR development tools, the development threshold is very low.</p>
<p style="text-align: justify;">Effects created using Spark AR Studio can be published on Facebook and Instagram. By creating and publishing effects, you can acquire followers and connect them to purchasing behavior, which can be used for commerce on SNS.</p>
<h3 id="mcetoc_1g69u767o48" style="text-align: justify;">Magic Leap Toolkit</h3>
<p style="text-align: justify;">Head-mounted AR display. This is an AR library dedicated to Magic Leap. The functions required when developing content for Magic Leap have been optimized and will be incorporated into Unity for use. Development of content for Magic Leap also supports C languages and HTML + JavaScript, but the only&nbsp; library provided is Unity.</p>
<h3 id="mcetoc_1g69u767o49" style="text-align: justify;">Mixed Reality Toolkit</h3>
<p style="text-align: justify;">A development framework for HoloLens provided by Microsoft. Content for HoloLens is done in Unreal or Unity, but the framework for HoloLens is only available in Unity. Therefore, when creating AR content for HoloLens, it is almost essential to combine Virtual Studio as the IDE, Unity as the development language, and Mixed Reality Toolkit as the development framework.</p>
<h2 id="mcetoc_1g69u767o4a" style="text-align: justify;">What is recommended to start AR development?</h2>
<p style="text-align: justify;">When developing AR for the first time, it is recommended to do it in a development environment that you are familiar with as much as possible in order to reduce the points of tripping.</p>
<p style="text-align: justify;">However, the development environment to be built differs depending on the platform, such as whether the target device is an iOS device, an Android device, or HoloLens. Therefore, start AR development after setting a clear direction for which layer to release the AR application.</p>
<h3 id="mcetoc_1g69u767o4b" style="text-align: justify;">Make an app for iOS</h3>
<p style="text-align: justify;">If you are accustomed to developing with Xcode, Xcode + ARKit is recommended. Unless you have a specific reason, it is safer to use the environment provided by Apple official for AR content for iOS. In this case, Swift is mainly used as the development language.</p>
<p style="text-align: justify;">If you need cross-platform development with other platforms, or if you are accustomed to developing with Unity, you can also develop with Unity + ARKit.</p>
<h3 id="mcetoc_1g69u767o4c" style="text-align: justify;">Make an app for Android</h3>
<p style="text-align: justify;">If you are accustomed to developing with Android Studio, it is better to develop with Android Studio + AR Core. When using Android Studio, Kotlin and Java are the main development languages.</p>
<p style="text-align: justify;">As mentioned above, AR Core also supports Unreal Engine, Unity, Swift, and Objective-C, so if you want to do cross-platform development, or if you want to develop AR that runs on platforms other than Android, use Unity. In some cases, you may choose another language, such as the one you started with.</p>
<h3 id="mcetoc_1g69u767o4d" style="text-align: justify;">Make an app for Magic Leap</h3>
<p style="text-align: justify;">The official Magic Leap development environment is a combination of Unity + Magic Leap Toolkit. The app for Magic Leap can also be developed on Unreal Engine, but the library provided by the official is for Unity, so unless there is a particular reason to use Unreal Engine, it will be developed with C # in Unity.</p>
<h3 id="mcetoc_1g69u767o4e" style="text-align: justify;">For apps for HoloLens</h3>
<p style="text-align: justify;">The combination of Visual Studio + Unity + Mixed Reality Toolkit is recommended for developing apps for HoloLens, and since the provision of libraries and frameworks is based on Unity and Visual Studio, it will be developed in the recommended environment. HoloLens2 is also supported for development on Unreal Engine, but currently it's mainly based on Unity.</p>
<h2 id="mcetoc_1g69u767o4f" style="text-align: justify;">Introducing Relipa's AR achievements, development environment and libraries.</h2>
<p style="text-align: justify;">Relipa is developing an AR app for iOS. In addition to seeing our AR achievements, we will also introduce the environment and AR library used for actual AR development.</p>
<h3 id="mcetoc_1g69u767o4g" style="text-align: justify;">AR furniture</h3>
<p style="text-align: justify;">AR Furniture is a markerless AR app that allows you to experience a professional home designer with the power of AR. By scanning your room, you can freely place the registered virtual furniture in your room with AR. When considering redecorating a room or replacing furniture, AR furniture can be used to develop a concrete image on top of a real room. You can actually imagine what kind of furniture and color arrangement will be from the imagination base. Markerless AR is the most difficult AR to develop among various ARs, but we can firmly recognize the size of the room and arrange virtual furniture without any discomfort.</p>
<p style="text-align: justify;">The AR furniture was created with the following libraries and development environment.</p>
<ul style="text-align: justify;">
<li>Development environment: MacOS 10.15, Xcode 12, iOS 14</li>
<li>Library: ARKit, SceneKit</li>
<li>Language: Swift</li>
<li>Target model: iOS13</li>
</ul>
<h3 id="mcetoc_1g69u767o4h" style="text-align: justify;">AR outfit</h3>
<p style="text-align: justify;">AR Outfit is a coordination app that allows you to try out wearing images before purchasing by fitting clothes and sunglasses made of AR objects to yourself by capturing them with the camera of the device.</p>
<p style="text-align: justify;">Even though clothes are bought online, it is not uncommon for the photos to differ from the actual wearing image, and the coordination with the clothes already has is different from what you imagined. In order to avoid such troubles after purchase, this AR app allows you to check the wearing image more easily than trying on at an actual store. You can easily experience AR in real time with just two steps of swiping and selecting items.</p>
<p style="text-align: justify;">The AR outfit was created with the following libraries and development environment as well as the AR furniture.</p>
<ul style="text-align: justify;">
<li>Development environment: MacOS 10.15, Xcode 12, iOS 14</li>
<li>Library: ARKit, SceneKit</li>
<li>Language: Swift</li>
<li>Target model: iOS13</li>
</ul>
<h2 id="mcetoc_1g69u767o4i" style="text-align: justify;">Summary</h2>
<p style="text-align: justify;">The recommended combination of the environment required for AR development varies depending on the OS that is the target of the application. Depending on the platform, a dedicated AR library or framework is provided, so the language selection and IDE introduction will be decided accordingly. Therefore, it is important to have a solid image and plan for your target to develop AR.</p>
<p style="text-align: justify;">If you are new to AR development, first of all, if you develop while replacing the AR library in an environment where you already have development experience, development will proceed smoothly. In particular, Unity, which can be developed cross-platform, needs to replace the library according to the target, but since it is strong in AR and VR development in the first place, it can be developed on almost any platform.</p>
<p style="text-align: justify;">Libraries have evolved rapidly in recent years, making AR development easier and easier. If you want to try AR development, why not choose one from the development environments introduced here that you can easily do at your fingertips.</p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: justify;">&nbsp;</p>
<div class="ddict_btn" style="top: 87px; left: -1.99947e+06px;"><img src="chrome-extension://bpggmmljdiliancllaapiggllnkbjocb/logo/48.png" /></div>

BLOG

AR development - Required development environment and libraries

Related article

CONTACT

Corporate information

Business description

Development results

Insight

Inquiry