ARCoreアプリを作ってみよう

ARCoreアプリを作ってみよう
Ichi-kato
ARCore
Ichi-kato
Copyright © 2019 Yahoo Japan Corporation. All Rights Reserved.
ARCore
Ichi-kato
ARCore
Ichi-kato

目次
 自己紹介
 ARアプリの完成イメージ
 ARCoreとは
 Sceneformとは
 実際にARアプリ作ってみよう
 参考URL

About Me
 加藤一郎
 Android歴：1年ちょっと
 趣味：キャンプ、旅行、社会人
バスケ
 所属：ヤフー株式会社
ヤフオク! Androidエンジニア

ARアプリの完成イメージ
https://github.com/ichi-kato/ar-sample

簡単にARアプリを作るために
 ARCore
 Sceneform

ARCoreとは
 Google製のプラットフォーム
 拡張現実体験を簡単に構築できる
 主な機能
・モーショントラッキング
・現実世界を理解
・光推定
画像引用： https://developers.google.com/ar/discover/concepts

Sceneformとは
 簡単に3Dオブジェクトをレンダリングできる
 OpenGLの知識は必要なし

実際に作ってみよう

事前準備
 Android studio 3.1以降
 ARCore対応のAndroid端末
もしくはエミュレータ（ v27.2.9 以降）
注：
エミュレータの場合は下記の作業が必要です。
https://developers.google.com/ar/develop/java/emulator#update-arcore

ライブラリの追加
Build.gradle
compileOptions {
sourceCompatibility JavaVersion.VERSION_1_8
targetCompatibility JavaVersion.VERSION_1_8
}
implementation 'com.google.ar.sceneform.ux:sceneform-
ux:1.7.0'

AndroidManifest
<uses-permission android:name="android.permission.CAMERA"
/>
<uses-feature android:name="android.hardware.camera.ar"
android:required="true" />
<meta-data android:name="com.google.ar.core"
android:value="required" />

ArFragmentを配置してみよう
<fragment
android:name="com.google.ar.sceneform.ux.ArFragment"
android:id="@+id/ux_fragment"
android:layout_width="match_parent"
android:layout_height="match_parent" />

ArFragmentを配置してみよう
private lateinit var fragment: ArFragment
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
fragment =
supportFragmentManager.findFragmentById(R.id.ux_fragment) as
ArFragment}

３Dモデルの追加
・Sceneformプラグインを追加
PreferencesからGoogle Sceneform Tools (Beta)
・プラグインを使い「.obj」をインポートする
（objファイルをapkに含めないために、sampledata内に置く事）

モデルを置くためのギャラリーを
セット
<fragment android:name=“com.google.ar.sceneform.ux.ArFragment”
android:id=“@+id/ux_fragment”
・・・
</fragment>
<LinearLayout
android:id="@+id/gallery_layout"
android:layout_width="match_parent"
android:layout_height="0dp"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ux_fragment"
app:layout_constraintVertical_chainStyle="spread"
app:layout_constraintVertical_weight="1"/>

ギャラリーの初期化
・ギャラリーにシーンを追加する
andy.setOnClickListener { addObject(Uri.parse("andy.sfb")) }
・オブジェクトを3D空間に置く位置を決定する
frame.hitTest(pt.x.toFloat(), pt.y.toFloat())
・3Dモデルをロードする
ModelRenderable.builder()
.setSource(fragment.context, model)
.build()
・3Dモデルをシーンに置く
node.renderable = renderable
node.setParent(anchorNode)
fragment.arSceneView.scene.addChild(anchorNode)
ソースコード： https://github.com/ichi-kato/ar-sample/blob/master/app/src/main/java/com/example/arcoresample/MainActivity.kt

感想
 ARCoreのおかげで簡単にARアプリを作れちゃう！
 Sceneformを使うと3Dモデルに関する知識が不要
 他にもたくさんのことができるので、色々試したい

参考
https://developers.google.com/ar/?hl=ja
https://developers.google.com/ar/develop/java
/quickstart?hl=ja
https://ktaka.github.io/codelab/sceneform-ar-
ja/#0

THANK YOU

ARCoreアプリを作ってみよう

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to ARCoreアプリを作ってみよう

Similar to ARCoreアプリを作ってみよう (20)

ARCoreアプリを作ってみよう

Editor's Notes