hoony's web study

728x90
반응형

flutter Logo


요즘 메타버스가 대세라서 AR관련한 것을 Flutter 로 간단히 구현할 수 있는 것을 알아보았다. 
근데 나의 노안이 문제인지 마음이 급해서인지.... IOS만 적용되는 package 로 테스트를 해본 소스를 포스팅한다. 

https://pub.dev/packages/arkit_plugin

 

arkit_plugin | Flutter Package

Flutter Plugin for ARKit - Apple's augmented reality (AR) development platform for iOS mobile devices.

pub.dev

해당 패키지는 위의 링크에 있는 것을 가지고 구현한 것이다. 

이건 Sphere 를 생성한 모습이다. 

  this.arkitController = arkitController;
      final node = ARKitNode(
          geometry: ARKitSphere(radius: 0.1), position: Vector3(0, 0, -0.5));
      this.arkitController.add(node);

ArkitController에 ARKitNode를 넣으면 위와 같이 만들어진다. 

Box를 생성하는 소스 

final node = ARKitNode(
      geometry: ARKitBox(
        width: 0.1,
        height: 0.1,
        length: 0.1,
        materials: [
          ARKitMaterial(fillMode: ARKitFillMode.lines)
        ]
      ),
      position: Vector3(0,0,-0.5),
    );
    arkitController.add(node);

위의 예에서 materials 는 ARKitMaterial 에 어떤 것으로 할것인지 정하는 것이다. 
위의 소스를 실행시키면 아래 처럼 라인모드로 object가 만들어진다. 


https://github.com/jonathanLee/flutter_ar_example

 

GitHub - jonathanLee/flutter_ar_example

Contribute to jonathanLee/flutter_ar_example development by creating an account on GitHub.

github.com

반응형

 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading