@playcanvas/react
Version:
A React renderer for PlayCanvas – build interactive 3D applications using React's declarative paradigm.
59 lines (58 loc) • 2.5 kB
TypeScript
/**
* 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;