Needle Engine दस्तावेज़
Downloads
  • What is Needle Engine?
  • प्रशंसापत्र
  • Get an overview

    • Samples and Showcase
    • हमारा दृष्टिकोण 🔮
    • सुविधा अवलोकन
    • तकनीकी अवलोकन
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Unity के लिए Needle Engine
    • Blender के लिए Needle Engine
    • वेब कंपोनेंट के रूप में Needle Engine
    • अपनी वेबसाइट पर Needle Engine
    • Needle Cloud
  • Core Concepts

    • Needle Engine प्रोजेक्ट की संरचना
    • Everywhere Actions
    • glTF में एसेट एक्सपोर्ट करना
    • फ़्रेमवर्क, बंडलर्स, HTML
    • स्थानीय डिवाइसों पर परीक्षण
    • डिप्लॉयमेंट और ऑप्टिमाइजेशन
  • Advanced

    • VR और AR (WebXR)
    • Image Tracking (WebXR)
    • नेटवर्किंग
    • MaterialX
    • Editor Sync
  • Troubleshooting

    • डीबग कैसे करें
    • प्रश्न और उत्तर (FAQ) 💡
    • Support and Community
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Needle Engine में स्क्रिप्टिंग
    • Unity डेवलपर्स के लिए स्क्रिप्टिंग परिचय
    • नीडल कोर कंपोनेंट्स
    • Everywhere Actions
  • Components and Lifecycle

    • घटक बनाना और उपयोग करना
    • @serializable और अन्य डेकोरेटर्स
    • कंपोनेंट का स्वचालित जनरेशन
    • स्क्रिप्टिंग उदाहरण
    • Community Contributions
    • अतिरिक्त मॉड्यूल
  • Settings and APIs

    • <needle-engine> कॉन्फ़िगरेशन
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
Downloads
  • What is Needle Engine?
  • प्रशंसापत्र
  • Get an overview

    • Samples and Showcase
    • हमारा दृष्टिकोण 🔮
    • सुविधा अवलोकन
    • तकनीकी अवलोकन
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Unity के लिए Needle Engine
    • Blender के लिए Needle Engine
    • वेब कंपोनेंट के रूप में Needle Engine
    • अपनी वेबसाइट पर Needle Engine
    • Needle Cloud
  • Core Concepts

    • Needle Engine प्रोजेक्ट की संरचना
    • Everywhere Actions
    • glTF में एसेट एक्सपोर्ट करना
    • फ़्रेमवर्क, बंडलर्स, HTML
    • स्थानीय डिवाइसों पर परीक्षण
    • डिप्लॉयमेंट और ऑप्टिमाइजेशन
  • Advanced

    • VR और AR (WebXR)
    • Image Tracking (WebXR)
    • नेटवर्किंग
    • MaterialX
    • Editor Sync
  • Troubleshooting

    • डीबग कैसे करें
    • प्रश्न और उत्तर (FAQ) 💡
    • Support and Community
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Needle Engine में स्क्रिप्टिंग
    • Unity डेवलपर्स के लिए स्क्रिप्टिंग परिचय
    • नीडल कोर कंपोनेंट्स
    • Everywhere Actions
  • Components and Lifecycle

    • घटक बनाना और उपयोग करना
    • @serializable और अन्य डेकोरेटर्स
    • कंपोनेंट का स्वचालित जनरेशन
    • स्क्रिप्टिंग उदाहरण
    • Community Contributions
    • अतिरिक्त मॉड्यूल
  • Settings and APIs

    • <needle-engine> कॉन्फ़िगरेशन
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
  • Getting Started

    • Downloads
    • Needle Engine for Unity
    • Needle Engine for Blender
    • Needle Engine as Web Component
    • Needle Engine on your Website
    • Needle Cloud
    • Custom integrations
    • Support and Community
  • Core Concepts

    • Needle Engine प्रोजेक्ट की संरचना
    • Everywhere Actions
    • glTF में एसेट एक्सपोर्ट करना
    • फ़्रेमवर्क, बंडलर्स, HTML
    • स्थानीय डिवाइसों पर परीक्षण
    • डिप्लॉयमेंट और ऑप्टिमाइजेशन
  • Scripting

    • Needle Engine में स्क्रिप्टिंग
    • Unity डेवलपर्स के लिए स्क्रिप्टिंग परिचय
    • घटक बनाना और उपयोग करना
    • कंपोनेंट का स्वचालित जनरेशन
    • स्क्रिप्टिंग उदाहरण
    • Community Contributions
  • Advanced

    • VR और AR (WebXR)
    • Image Tracking (WebXR)
    • नेटवर्किंग
    • MaterialX
    • Editor Sync
  • Troubleshooting

    • डीबग कैसे करें
    • प्रश्न और उत्तर (FAQ) 💡
    • Support and Community
  • Reference

    • सुविधा अवलोकन
    • तकनीकी अवलोकन
    • नीडल कोर कंपोनेंट्स
    • needle.config.json
    • <needle-engine> कॉन्फ़िगरेशन
    • @serializable और अन्य डेकोरेटर्स

What are Everywhere Actions?

Needle के Everywhere Actions ध्यान से चुने गए कंपोनेंट्स का एक सेट हैं जो आपको कोड की एक भी लाइन लिखे बिना Unity में इंटरैक्टिव अनुभव बनाने की अनुमति देते हैं।
इन्हें वेब, मोबाइल और XR, जिसमें iOS पर ऑगमेंटेड रियलिटी शामिल है, में अनुभवों के लिए बिल्डिंग ब्लॉक के रूप में सेवा देने के लिए डिज़ाइन किया गया है।

कम-स्तरीय ट्रिगर्स और एक्शन्स से, उच्च-स्तरीय जटिल इंटरैक्टिव व्यवहार बनाए जा सकते हैं।

समर्थित प्लेटफ़ॉर्म

  • डेस्कटॉप
  • मोबाइल (Android / iOS)
  • VR ग्लासेस
  • AR डिवाइस
  • iOS AR – QuickLook (हाँ, सचमुच!)

How do I use Everywhere Actions?

iOS सपोर्ट के लिए अपने सीन में USDZExporter कंपोनेंट जोड़ें। इसे WebXR कंपोनेंट (लेकिन अनिवार्य नहीं) के समान ऑब्जेक्ट में जोड़ना एक अच्छा अभ्यास है।

अपने सीन में किसी भी ऑब्जेक्ट में एक्शन जोड़ने के लिए
उसे चुनें और फिर Add Component > Needle > Everywhere Actions > [Action] पर क्लिक करें।

Everywhere Actions की सूची

Actionविवरणउदाहरण उपयोग के मामले
Play Animation on Clickकिसी Animator से चयनित एनिमेशन स्टेट चलाता है। चलाने के बाद, यह वैकल्पिक रूप से दूसरे एनिमेशन में ट्रांज़िशन कर सकता है।उत्पाद प्रस्तुतियाँ, इंटरैक्टिव ट्यूटोरियल, कैरेक्टर मूवमेंट
Change Material on Clickएक मटेरियल को दूसरों से बदलें। उस मटेरियल वाली सभी वस्तुएँ एक साथ स्विच हो जाएंगी।उत्पाद कॉन्फ़िगरेटर, कैरेक्टर
Look Atकिसी वस्तु को कैमरे की ओर देखने के लिए बनाएँ।UI तत्व, स्प्राइट्स, इन्फोग्राफिक्स, बिलबोर्ड प्रभाव, क्लिक करने योग्य हॉटस्पॉट
Play Audio on Clickचयनित ऑडियो क्लिप चलाता है।ध्वनि प्रभाव, कथन, संग्रहालय प्रदर्शन
Hide on Startबाद में प्रकट करने के लिए दृश्य शुरू होने पर किसी वस्तु को छुपाता है।
Set Active on Clickवस्तुओं को दिखाएँ या छुपाएँ।
Change Transform on Clickकिसी वस्तु को ले जाएँ, घुमाएँ या स्केल करें। निरपेक्ष या सापेक्ष मूवमेंट की अनुमति देता है।कैरेक्टर, उत्पाद, UI एनिमेशन (अधिक जटिल मूवमेंट के लिए एनिमेशन का उपयोग करें)
Audio Sourceशुरू होने पर ऑडियो चलाता है और लूप करता रहता है। स्थानिक या गैर-स्थानिकबैकग्राउंड संगीत, परिवेशी ध्वनियाँ
WebXR Image Trackingएक इमेज टारगेट को ट्रैक करता है और वस्तुओं को दिखाता या छुपाता है।AR अनुभव, उत्पाद प्रस्तुतियाँ

सैंपल

Musical Instrument

स्थानिक ऑडियो, एनिमेशन और इंटरैक्शन प्रदर्शित करता है।

Simple Character Controllers

एनिमेशन, Look At और मूवमेंट के संयोजन को प्रदर्शित करता है।

Image Tracking

दिखाता है कि कस्टम इमेज मार्कर पर 3D कंटेंट कैसे अटैच करें।
AR में नीचे दिए गए सीन को शुरू करें और अपने फ़ोन के कैमरे को स्क्रीन पर इमेज मार्कर की ओर इंगित करें, या इसे प्रिंट करें।

Android पर WebXR इमेज ट्रैकिंग

Android पर कृपया Chrome Flags में "WebXR Incubations" चालू करें। आप उन्हें अपने Android फ़ोन के Chrome ब्राउज़र एड्रेस बार में chrome://flags/#webxr-incubations पेस्ट करके ढूंढ सकते हैं।

Needle Engine के साथ इमेज ट्रैकिंग के बारे में और पढ़ें

इमेज मार्कर

Interactive Building Blocks Overview

अपने स्वयं के Everywhere Actions बनाएँ

नए Everywhere Actions बनाने में TypeScript में अपने एक्शन के लिए कोड लिखना शामिल है, जिसका उपयोग ब्राउज़र और WebXR में किया जाएगा, और QuickLook के माध्यम से iOS पर ऑगमेंटेड रियलिटी के लिए एक मैचिंग सेटअप बनाने के लिए हमारे TriggerBuilder और ActionBuilder API का उपयोग करना शामिल है। कस्टम एक्शन बनाते समय, ध्यान रखें कि QuickLook में उपलब्ध सुविधाओं का एक सीमित सेट है। आप ब्राउज़र और WebXR के लिए किसी भी कोड का उपयोग कर सकते हैं, लेकिन QuickLook के लिए व्यवहार उपलब्ध ट्रिगर्स और एक्शन्स से बनाए गए एक अनुमान की आवश्यकता हो सकती है।

Tips

अक्सर विशिष्ट व्यवहारों के निर्माण के लिए लीक से हटकर सोचना और उपलब्ध निम्न-स्तरीय एक्शन्स को रचनात्मक रूप से लागू करना आवश्यक होता है। एक उदाहरण "Tap to Place" एक्शन होगा – QuickLook में कोई raycasting या hit testing उपलब्ध नहीं है, लेकिन आप अपेक्षित प्लेसमेंट क्षेत्र को कई अदृश्य वस्तुओं से ढक सकते हैं और रखी जाने वाली वस्तु को टैप की गई अदृश्य वस्तु की स्थिति में ले जाने के लिए "Tap" ट्रिगर का उपयोग कर सकते हैं।

QuickLook के लिए ट्रिगर्स और एक्शन्स Apple के Preliminary Interactive USD Schemas पर आधारित हैं।

Code Example

यहां HideOnStart का कार्यान्वयन एक उदाहरण के रूप में दिया गया है कि ब्राउज़र और QuickLook दोनों के लिए कार्यान्वयन के साथ एक Everywhere Action कैसे बनाया जाए:

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;
    }
}

Tips

अक्सर, सही व्यवहार प्राप्त करने में उपलब्ध निम्न-स्तरीय एक्शन्स से उच्च-स्तरीय एक्शन्स को संयोजित करना शामिल होगा। उदाहरण के लिए, हमारा "Change Material on Click" एक्शन कई fadeActions से बना है और आंतरिक रूप से विभिन्न मटेरियल सेट वाली वस्तुओं की डुप्लीकेट बनाता है। इन एक्शन्स को सावधानीपूर्वक बनाकर, जटिल व्यवहार प्राप्त किए जा सकते हैं।

अपने स्वयं के एक्शन्स बनाने के लिए निम्न-स्तरीय विधियाँ

Triggers
TriggerBuilder.sceneStartTrigger
TriggerBuilder.tapTrigger
Actions
ActionBuilder.fadeAction
ActionBuilder.startAnimationAction
ActionBuilder.waitAction
ActionBuilder.lookAtCameraAction
ActionBuilder.emphasize
ActionBuilder.transformAction
ActionBuilder.playAudioAction
Group Actions
ActionBuilder.sequence
ActionBuilder.parallel
GroupAction.addAction
GroupAction.makeParallel
GroupAction.makeSequence
GroupAction.makeLooping
GroupAction.makeRepeat

हमारे अंतर्निहित Everywhere Actions के कार्यान्वयन को देखने के लिए, कृपया src/engine-components/export/usdz/extensions/behavior/BehaviourComponents.ts देखें।

संदर्भ

  • Apple के Preliminary USD व्यवहार

आगे पढ़ें

  • हमारी AR Showcase Website पर जाएँ, जिसमें iOS AR और Quicklook पर ध्यान केंद्रित करते हुए कई इंटरैक्टिव AR उदाहरण हैं।
  • Needle Engine Everywhere Action Samples
  • Needle Engine के साथ इमेज ट्रैकिंग

पेज का अनुवाद स्वचालित रूप से AI का उपयोग करके किया गया है

Suggest changes
Last Updated: 15/8/25, 8:05 am
Prev
Needle Engine प्रोजेक्ट की संरचना
Next
glTF में एसेट एक्सपोर्ट करना