質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

ARCore

ARCoreは、グーグル社が提供しているAndroid向けのAR(拡張現実)フレームワークです。スマホ内蔵のカメラとIMUセンサー(慣性計測装置)を使って、モーショントラッキングや水平面の検出、光源の推測を行い、ARを実現します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Q&A

0回答

1100閲覧

ARCoreViewにimageファイルを追加して特定のベクトルに表示させたい

MAAAARCY

総合スコア0

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

ARCore

ARCoreは、グーグル社が提供しているAndroid向けのAR(拡張現実)フレームワークです。スマホ内蔵のカメラとIMUセンサー(慣性計測装置)を使って、モーショントラッキングや水平面の検出、光源の推測を行い、ARを実現します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

0グッド

0クリップ

投稿2021/05/15 15:43

ARCoreViewにimageファイルを追加して特定のベクトルに表示させたい

Flutterのarcore_flutter_pluginを使用し、ArCoreViewにimageファイルを追加して特定のベクトルに表示させたいと考え、以下のサイトを参考に実装したのですがimageファイルが表示されません。ビルドエラーは発生せず、以下の画面のみ表示されます。(画像はエミュ上の画像で実機上でも同様の状況です)
イメージ説明

githubを参照するとArCoreImageというクラスがあることを知り、それを使って実装しようと考えました。

参考にしたサイト
https://github.com/giandifra/arcore_flutter_plugin
https://pub.dev/packages/arcore_flutter_plugin

該当のソースコード

main.dart

import 'package:flutter/material.dart'; import 'ar_view_page.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.red, ), home: ARViewPage(title: 'Flutter ARCore'), ); } }

ar_view_page.dart

import 'dart:async'; import 'dart:typed_data'; import 'package:arcore_flutter_plugin/arcore_flutter_plugin.dart'; import 'package:vector_math/vector_math_64.dart' as vector; import 'package:flutter/material.dart'; import 'package:flutter/services.dart' show rootBundle; import 'package:image/image.dart' as imgLib; class ARViewPage extends StatefulWidget { ARViewPage({Key key, this.title}) : super(key: key); final String title; @override _ARViewPageState createState() => _ARViewPageState(); } class _ARViewPageState extends State<ARViewPage> { ArCoreController arCoreController; Uint8List bytedata; @override void initState() { super.initState(); loadImage(); } Future loadImage() async { getImageFileFromAssets('ubuntu.png'); } Future getImageFileFromAssets(String path) async { final imagedata = await rootBundle.load('images/$path'); imgLib.Image image = imgLib.decodeImage(Uint8List.view(imagedata.buffer)); bytedata = image.getBytes(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: ArCoreView( onArCoreViewCreated: _onArCoreViewCreated, enableTapRecognizer: true, ), ); } void _onArCoreViewCreated(ArCoreController controller) { arCoreController = controller; _addImage(controller); } void _addImage(ArCoreController controller) { final img = ArCoreImage( bytes: bytedata, width: 500, height: 500, ); final node = ArCoreNode( image: img, position: vector.Vector3(0, 0, -1.5), scale: vector.Vector3(1, 1, 1), ); controller.addArCoreNode(node); } }

補足情報

・使用OS ubuntu 20.04 LTS ・テスト用実機 HUAWEI Mate20 Pro ・使用IDE Android Studio ・flutterのversionと使用プラグイン version: 1.0.0+1 arcore_flutter_plugin: ^0.0.10 image: ^3.0.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問