可点击区域

2025-03-10

135 words

1 min

现在你可以非常快速的找到模型的可点击区域, 调用 showHitAreaFrames 方法将显示可点击区域, 调用hideHitAreaFrames 方法则隐藏, 以下是使用checkbox切换显示可点击区域的完整例子:

const inputEl = document.createElement('input');
const labelEl = document.createElement('label');
inputEl.type = 'checkbox';
labelEl.innerHTML = '显示可点击区域';
canvasEl.parentElement?.append(inputEl, labelEl);

const model = await l2d.create({
  path: 'https://model.hacxy.cn/shizuku/shizuku.model.json',
});

inputEl.addEventListener('change', () => {
  if (inputEl.checked) {
    model.showHitAreaFrames();
  }
  else {
    model.hideHitAreaFrames();
  }
});

当鼠标 hover 到这些区域时, 会显示区域名称, 如果你监听了 hit 事件, 这个名称可以在这个事件的回调中获取