UNPKG

@playcanvas/react

Version:

A React renderer for PlayCanvas – build interactive 3D applications using React's declarative paradigm.

59 lines (58 loc) 2.5 kB
/** * Examples demonstrating the GLTF Declarative Modification API * * This file contains various usage examples showing how to use the * Gltf and Modify components to declaratively modify * loaded GLTF assets. */ /** * Example 1: Basic Usage - Render GLTF with default visuals */ export declare function Example1_BasicUsage(): import("react/jsx-runtime").JSX.Element | null; /** * Example 2: Remove Components - Remove all lights from the scene */ export declare function Example2_RemoveComponents(): import("react/jsx-runtime").JSX.Element | null; /** * Example 3: Modify Components - Change light properties with prop merging */ export declare function Example3_ModifyComponents(): import("react/jsx-runtime").JSX.Element | null; /** * Example 4: Functional Updates - Use functions to update based on existing values */ export declare function Example4_FunctionalUpdates(): import("react/jsx-runtime").JSX.Element | null; /** * Example 5: Add Children - Add new entities to matched nodes */ export declare function Example5_AddChildren(): import("react/jsx-runtime").JSX.Element | null; /** * Example 6: Clear Children - Remove all children and replace */ export declare function Example6_ClearChildren(): import("react/jsx-runtime").JSX.Element | null; /** * Example 7: Wildcard Patterns - Modify all children with wildcards */ export declare function Example7_WildcardPatterns(): import("react/jsx-runtime").JSX.Element | null; /** * Example 8: Combined Queries - Mix path and component filters */ export declare function Example8_CombinedQueries(): import("react/jsx-runtime").JSX.Element | null; /** * Example 9: Predicate Functions - Use custom logic for matching */ export declare function Example9_PredicateFunctions(): import("react/jsx-runtime").JSX.Element | null; /** * Example 10: Multiple Rules - Apply multiple modifications */ export declare function Example10_MultipleRules(): import("react/jsx-runtime").JSX.Element | null; export declare function Example11_UseEntityHook(): import("react/jsx-runtime").JSX.Element | null; /** * Example 12: Specificity and Conflict Resolution * More specific rules win over less specific ones */ export declare function Example12_Specificity(): import("react/jsx-runtime").JSX.Element | null; /** * Example 13: Complex Scene Modification * Combines multiple techniques for a complete scene transformation */ export declare function Example13_ComplexModification(): import("react/jsx-runtime").JSX.Element | null;