Skip to content
  • Home
  • Code
  • iOS & Swift
  • Combine
  • RxSwift
  • SwiftUI
  • Flutter & Dart
  • Tutorials
  • Art
  • Blog
Fx Studio
  • Home
  • Code
  • iOS & Swift
  • Combine
  • RxSwift
  • SwiftUI
  • Flutter & Dart
  • Tutorials
  • Art
  • Blog
Written by chuotfx on September 25, 2019

Thiết kế ứng dụng AR với Reality Composer trên iPhone

Tutorials

Ứng dụng AR (Augmented reality) hay còn gọi là ứng dụng tương tác thực tế ảo. Theo định nghĩa từ Wikipedia thì như sau:

Thực tế tăng cường (AR) là góc nhìn trực tiếp hay gián tiếp hay gián tiếp về môi trường vật lý, thực tế nơi mà các yếu tố được “tăng cường” bởi thông tin nhận thức do máy tính tạo ra, lý tưởng trên nhiều phương thức cảm quan bao gồm thị giác, thính giác, xúc giác, sử, và khứu giác.

Bài viết này thì chúng ta không bàn luận về ứng dụng của AR như thế nào. Nhưng đây sẽ là tương lai cho việc phát triển ứng dụng. Phần cứng & phần mềm đã phát triển rất nhanh và đường hỗ trợ khá nhiều từ các hãng lớn.

Với iOS thì là hệ điều hành đầu tiên được tích hợp AR vào trong core. Nên với AR thì được Apple hỗ trợ rất mạnh. iOS 13, Apple cung cấp 1 ứng dụng có tên là Reality Composer. Reality Composer có trên MacOS, Safari và iPhone. Nó giúp cho việc thiết kế ứng dụng một cách trực quan và nhanh chóng.

Ngoài ra, bạn còn có thể sử dụng được nhiều model design với định dạng USDZ và AR Quick Look .

Cài đặt Reality Composer

  • iPhone phải support ARKit, các đời iPhone 6s tới nay
  • iOS 13
  • Ứng dụng Reality Composer
    • Hiện tại đang là bản beta nên bạn phải cần request để sử dụng
    • Phải có account apple developer

Thiết kế ứng dụng

Mở ứng dụng và chọn tạo tài liệu.

 

Chọn kiểu neo

  • có nhiều kiểu neo khác nhau
  • mỗi kiểu sẽ tương ứng với 1 loại tracking trong ARKit
  • Bài này chúng ta chọn kiểu detect mặt phẳng nằm ngang

 

Vào dự án mới, bạn sẽ thấy:

  • 1 đối tượng đầu tiên được tạo ra. Đó là 1 cái hộp màu trắng
  • đối tượng này ở trong 1 Scene (cảnh)
  • bạn có thể tạo thêm nhiều cảnh và nhiều đối tượng

 

Có thể thêm các đối tướng khác nhau

  • Có rất nhiều loại
  • Có thể import từ bên ngoài với định dạng USDZ

 

Thay dổi thuộc tính của đối tượng

  • Màu sắc
  • Hình dạng
  • Vật lý
  • Kích thước
  • …

 

Thêm các sự kiện cho đối tượng

  • Tác động
  • Va chạm
  • Trạng thái
  • …

 

Vì ứng dụng hỗ trợ đa ngôn ngữ nên bạn có thể tiếp cận nhanh để thao tác.

Video hướng dẫn

Khá là đơn giản và chúc bạn thành công!

FacebookTweetPinYummlyLinkedInPrintEmailShares73

Related Posts:

  • SwiftUI - Phần 2 : Cơ bản về ứng dụng SwiftUI App
    SwiftUI - Phần 2 : Cơ bản về ứng dụng SwiftUI App
  • Ứng dụng Flutter đầu tiên
    Ứng dụng Flutter đầu tiên
  • MainActor và điều gì xảy ra với Data trên Main Thread
    MainActor và điều gì xảy ra với Data trên Main Thread
  • Lập trình hướng đối tượng (OOP) với Swift
    Lập trình hướng đối tượng (OOP) với Swift
Tags: arkit, Reality Composer
Written by chuotfx

Hãy ngồi xuống, uống miếng bánh và ăn miếng trà. Chúng ta cùng nhau đàm đạo về đời, về code nhóe!

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Donate – Buy me a coffee!

Fan page

Fx Studio

Tags

Actor Advanced Swift api AppDistribution Asynchronous autolayout basic ios tutorial blog callback ci/cd closure collectionview combine concurrency CoreData Core Location crashlytics darkmode dart dart basic dart tour Declarative decoding delegate deploy fabric fastlane firebase flavor flutter GCD iOS mapview MVVM optional protocol rxswift Swift Swift 5.5 SwiftUI SwiftUI Notes tableview testing TravisCI unittest

Recent Posts

  • Raw String trong 10 phút
  • Dispatch Semaphore trong 10 phút
  • Tổng kết năm 2022
  • KeyPath trong 10 phút – Swift
  • Make color App Flutter
  • Ứng dụng Flutter đầu tiên
  • Cài đặt Flutter SDK & Hello world
  • Coding Conventions – người hùng hay kẻ tội đồ?
  • Giới thiệu về Flutter
  • Tìm hiểu về ngôn ngữ lập trình Dart

You may also like:

  • SwiftUI - Phần 2 : Cơ bản về ứng dụng SwiftUI App
    SwiftUI - Phần 2 : Cơ bản về ứng dụng SwiftUI App
  • Cài đặt UIScrollView với Auto Layout trong Interface Builder
    Cài đặt UIScrollView với Auto Layout trong Interface Builder
  • MainActor và điều gì xảy ra với Data trên Main Thread
    MainActor và điều gì xảy ra với Data trên Main Thread
  • Sử dụng Custom UIView vào SwiftUI Project - SwiftUI Notes…
    Sử dụng Custom UIView vào SwiftUI Project - SwiftUI Notes #16
  • SwiftUI - Phần 1 : Làm quen với SwiftUI
    SwiftUI - Phần 1 :  Làm quen với SwiftUI

Archives

  • February 2023 (1)
  • January 2023 (2)
  • November 2022 (2)
  • October 2022 (1)
  • September 2022 (5)
  • August 2022 (6)
  • July 2022 (7)
  • June 2022 (8)
  • May 2022 (5)
  • April 2022 (1)
  • March 2022 (3)
  • February 2022 (5)
  • January 2022 (4)
  • December 2021 (6)
  • November 2021 (8)
  • October 2021 (8)
  • September 2021 (8)
  • August 2021 (8)
  • July 2021 (9)
  • June 2021 (8)
  • May 2021 (7)
  • April 2021 (11)
  • March 2021 (12)
  • February 2021 (3)
  • January 2021 (3)
  • December 2020 (3)
  • November 2020 (9)
  • October 2020 (7)
  • September 2020 (17)
  • August 2020 (1)
  • July 2020 (3)
  • June 2020 (1)
  • May 2020 (2)
  • April 2020 (3)
  • March 2020 (20)
  • February 2020 (5)
  • January 2020 (2)
  • December 2019 (12)
  • November 2019 (12)
  • October 2019 (19)
  • September 2019 (17)
  • August 2019 (10)

About me

Education, Mini Game, Digital Art & Life of coders
Contacts:
contacts@fxstudio.dev

Fx Studio

  • Home
  • About me
  • Contact us
  • Mail
  • Privacy Policy
  • Donate
  • Sitemap

Categories

  • Art (1)
  • Blog (22)
  • Code (4)
  • Combine (22)
  • Flutter & Dart (24)
  • iOS & Swift (86)
  • RxSwift (37)
  • SwiftUI (76)
  • Tutorials (70)

Newsletter

Stay up to date with our latest news and posts.
Loading

    Copyright © 2023 Fx Studio - All rights reserved.

    Share this ArticleLike this article? Email it to a friend!

    Email sent!