通过ThreeJS中提供的位姿控制器TransformControls手动调整木偶人模型的位姿状态的代码和步骤

要通过ThreeJS中提供的位姿控制器TransformControls手动调整木偶人模型的位姿状态，可以按照以下步骤进行操作：

1. 创建一个ThreeJS场景和渲染器

var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

2. 创建一个相机，并设置其位置

var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

3. 加载木偶人模型，并将其添加到场景中

var loader = new THREE.ObjectLoader();
loader.load('path/to/puppet.json', function (object) {
  scene.add(object);
});

4. 创建一个位姿控制器TransformControls，并将其绑定到木偶人模型上

var controls = new THREE.TransformControls(camera, renderer.domElement);
controls.attach(object);
scene.add(controls);

5. 监听鼠标事件，并在鼠标按下时启用位姿控制器

var mouse = new THREE.Vector2();
var raycaster = new THREE.Raycaster();
var selectedObject = null;

function onMouseDown(event) {
  event.preventDefault();

  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

  raycaster.setFromCamera(mouse, camera);

  var intersects = raycaster.intersectObjects(scene.children, true);

  if (intersects.length > 0) {
    selectedObject = intersects[0].object;
    controls.attach(selectedObject);
  }
}

window.addEventListener('mousedown', onMouseDown, false);

6. 监听键盘事件，并在按下键盘上的“S”键时保存木偶人模型的当前位姿状态

function onKeyDown(event) {
  if (event.keyCode === 83) { // S key
    var json = JSON.stringify(object.toJSON());
    // save json to file or send to server
  }
}

window.addEventListener('keydown', onKeyDown, false);

通过以上步骤，你就可以通过ThreeJS中提供的位姿控制器TransformControls手动调整木偶人模型的位姿状态了。