Chameleon

import { createAsset } from 'https://gaitkit.com/cdn/chameleon.mjs';
import { walker } from 'https://gaitkit.com/runtime/walk.mjs';

const chameleon = createAsset();
scene.add(chameleon);                      // rests on y = 0, front faces +Z
const gait = walker(chameleon, { ground: (x, z) => terrainHeight(x, z) });   // or omit ground for a flat floor

let dist = 0;
renderer.setAnimationLoop(() => {
  dist += speed * clock.getDelta();
  chameleon.position.z = dist;
  gait.poseAt(dist);                  // feet stay planted, at any frame rate
  renderer.render(scene, camera);
});

import { useGLTF, useAnimations } from '@react-three/drei';
import { useEffect } from 'react';

// chameleon.glb from the Download button (it carries the knobs you set), saved in /public
export function Chameleon({ speed = 1 }) {
  const { scene, animations } = useGLTF('/chameleon.glb');
  const { actions } = useAnimations(animations, scene);
  useEffect(() => {
    const clip = actions['Walk'];
    clip?.play();
    if (clip) clip.timeScale = speed / 0.125;   // the Walk clip covers 0.125 m/s at 1x
  }, [actions, speed]);
  return <primitive object={scene} />;
}
// Live knobs or terrain-following feet: copy chameleon.mjs and runtime/ into your project and use the three.js tab.

# Import chameleon.glb (download below). It carries an in-place "Walk" animation.
@onready var anim: AnimationPlayer = $Chameleon/AnimationPlayer

func _physics_process(delta):
    velocity = transform.basis.z * speed
    move_and_slide()
    anim.play("Walk")
    anim.speed_scale = speed / 0.125   # Walk clip covers 0.125 m/s at 1x

// Import chameleon.glb with glTFast (com.unity.cloud.gltfast).
animator.Play("Walk");
animator.speed = speed / 0.125   // Walk clip covers 0.125 m/s at 1x