Giraffe

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

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

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

import { useMemo, useRef } from 'react';
import { useFrame } from '@react-three/fiber';
import { createAsset } from 'https://gaitkit.com/cdn/giraffe.mjs';
import { walker } from 'https://gaitkit.com/runtime/walk.mjs';

export function Giraffe({ speed = 1 }) {
  const model = useMemo(() => createAsset(), []);
  const gait = useMemo(() => walker(model), [model]);
  const dist = useRef(0);
  useFrame((_, dt) => {
    dist.current += speed * dt;
    model.position.z = dist.current;
    gait.poseAt(dist.current);                  // feet stay planted, at any frame rate
  });
  return <primitive object={model} />;
}

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

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

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