Hành động ở mọi nơi (Everywhere Actions) là gì?

Everywhere Actions của Needle là một tập hợp các thành phần được chọn lọc cẩn thận cho phép bạn tạo ra các trải nghiệm tương tác trong Unity mà không cần viết một dòng mã nào. Chúng được thiết kế để phục vụ như các khối xây dựng cho các trải nghiệm trên web, thiết bị di động và XR, bao gồm cả Thực tế tăng cường (Augmented Reality) trên iOS.

Từ các trigger và action cấp thấp, có thể xây dựng các hành vi tương tác phức tạp ở cấp cao hơn.

Nền tảng được hỗ trợ

• Máy tính để bàn (Desktop)
• Thiết bị di động (Mobile - Android / iOS)
• Kính VR (VR Glasses)
• Thiết bị AR (AR Devices)
• iOS AR – QuickLook (vâng, thật vậy!)

Tôi sử dụng Everywhere Actions như thế nào?

Để hỗ trợ iOS, hãy thêm thành phần USDZExporter vào scene của bạn. Tốt nhất là thêm nó vào cùng một đối tượng với thành phần WebXR (nhưng không bắt buộc)

Để thêm một action vào bất kỳ đối tượng nào trong scene của bạn chọn đối tượng đó và sau đó nhấp vào Add Component > Needle > Everywhere Actions > [Action].

Danh sách các Hành động ở mọi nơi (Everywhere Actions)

Mẫu (Samples)

Nhạc cụ (Musical Instrument)

Minh họa âm thanh không gian, animation và tương tác.

Bộ điều khiển Nhân vật đơn giản (Simple Character Controllers)

Minh họa cách kết hợp animation, nhìn vào và di chuyển.

Theo dõi Hình ảnh (Image Tracking)

Minh họa cách gắn nội dung 3D vào một điểm đánh dấu hình ảnh tùy chỉnh. Bắt đầu scene bên dưới trong AR và hướng camera điện thoại của bạn vào điểm đánh dấu hình ảnh trên màn hình hoặc in nó ra.

Tải xuống Điểm đánh dấu hình ảnh mẫu

Trên Android: vui lòng bật "WebXR Incubations" trong Chrome Flags. Bạn có thể tìm thấy chúng bằng cách dán chrome://flags/#webxr-incubations vào thanh địa chỉ trình duyệt Chrome trên điện thoại Android của bạn.

Tổng quan về Khối xây dựng tương tác (Interactive Building Blocks Overview)

Tạo Hành động ở mọi nơi (Everywhere Actions) của riêng bạn

Tạo Hành động ở mọi nơi mới liên quan đến việc viết mã cho hành động của bạn bằng TypeScript, sẽ được sử dụng trong trình duyệt và cho WebXR, và sử dụng API TriggerBuilder và ActionBuilder của chúng tôi để tạo thiết lập phù hợp cho Thực tế tăng cường trên iOS qua QuickLook. Khi tạo các hành động tùy chỉnh, hãy lưu ý rằng QuickLook có một tập hợp tính năng hạn chế. Bạn vẫn có thể sử dụng bất kỳ mã nào bạn muốn cho trình duyệt và WebXR, nhưng hành vi cho QuickLook có thể cần phải là một xấp xỉ được xây dựng từ các trigger và action có sẵn.

Các Trigger và Action cho QuickLook dựa trên Apple's Preliminary Interactive USD Schemas

Ví dụ mã (Code Example)

Đây là triển khai cho HideOnStart làm ví dụ về cách tạo một Hành động ở mọi nơi với các triển khai cho cả trình duyệt và QuickLook:

import { Behaviour, UsdzBehaviour, BehaviorModel, TriggerBuilder, ActionBuilder, BehaviorExtension, USDObject, USDZExporterContext } from "@needle-tools/engine";

export class HideOnStart extends Behaviour implements UsdzBehaviour {

    start() {
        this.gameObject.visible = false;
    }

    createBehaviours(ext: BehaviorExtension, model: USDObject, _context: USDZExporterContext) {
        if (model.uuid === this.gameObject.uuid)
            ext.addBehavior(new BehaviorModel("HideOnStart_" + this.gameObject.name,
                TriggerBuilder.sceneStartTrigger(),
                ActionBuilder.fadeAction(model, 0, false)
            ));
    }

    beforeCreateDocument() {
        this.gameObject.visible = true;
    }

    afterCreateDocument() {
        this.gameObject.visible = false;
    }
}

Các phương thức cấp thấp để xây dựng hành động của riêng bạn

Để xem cách triển khai của các Hành động ở mọi nơi được tích hợp sẵn của chúng tôi, vui lòng xem src/engine-components/export/usdz/extensions/behavior/BehaviourComponents.ts.

Đọc thêm

Các trang sau đây cung cấp thêm ví dụ và mẫu mà bạn có thể thử nghiệm và khám phá ngay bây giờ:

• Truy cập Trang web Trưng bày AR Showcase của chúng tôi có nhiều ví dụ AR tương tác tập trung vào iOS AR & Quicklook
• Mẫu Needle Engine Everywhere Action Samples

Trang được dịch tự động bằng AI