<Anim> Component not working as described #267

Activity

1. marklundin commented on Oct 10, 2025

   

   marklundin

   on Oct 10, 2025

   Collaborator

   More actions

   Thanks for the report @djfarly! Looking into this now.

   ❤️React with ❤️1Reacted by Jan Willem Henckel
2. marklundin commented on Nov 6, 2025

   

   marklundin

   on Nov 6, 2025

   Collaborator

   More actions

   Just a heads up - I'm introducing a new API for managing GLB's and animations which will fix this #282
3. Maclay74 commented on Feb 4, 2026

   

   Maclay74

   on Feb 4, 2026

   Last edited by Maclay74

   More actions

   Hey @marklundin I have a problem using Anim + Gltf component. Here is my code:

   <Entity name={"player"}>
    <Gltf asset={playerModel} key={playerModel.id}>
      <Modify.Node path={"Armature.mixamorig:Hips"}>
       <Anim asset={playerModel} clip={"mixamo.com.001"} loop playing />
      </Modify.Node>
     </Gltf>
   </Entity>

   It gives an error saying that "playable" has only getter. It happens in validation, so I had to fix it this way:

   export function applyProps(instance, schema, props) {
       Object.entries(props).forEach(([key, value]) => {
           if (key in schema) {
               const propDef = schema[key];
               if (propDef) {
                   if (propDef.apply) {
   
                       if (key === "stateGraphAsset") return; // I had to add this or animation won't play
   
                       // Use type assertion to satisfy the type checker
                       try {
                           propDef.apply(instance, props, key); // I had wrap it to try-catch for errors with no setter for property
                       } catch(e) {
                           console.error(e);
                       }
                   }
                   else {
                       try {
                           instance[key] = value;
                       }
                       catch (error) {
                           console.error(`Error applying prop ${key}: ${error}`);
                       }
                   }
               }
           }
       });
   }

   Exact errors I get:
   Error applying prop playable: TypeError: Cannot set property playable of #<AnimComponent> which has only a getter
TypeError: Cannot set property baseLayer of #<AnimComponent> which has only a getter