mirror of
https://github.com/galacean/engine.git
synced 2026-05-09 00:06:45 +08:00
38 lines
1.2 KiB
Plaintext
38 lines
1.2 KiB
Plaintext
---
|
||
order: 0
|
||
title: 交互总览
|
||
type: 交互
|
||
label: Interact
|
||
---
|
||
|
||
Galacean 提供了基本的输入系统，基于跨端跨平台的特性，交互系统在 PC 端和移动端都有很好的兼容性。当前的交互系统可以接受以下输入：
|
||
|
||
- [触控](/docs/input/pointer/)
|
||
- [键盘](/docs/input/keyboard/)
|
||
- [滚轮](/docs/input/wheel/)
|
||
|
||
## 初始化
|
||
|
||
在初始化引擎时，可以自定义**触控**，**键盘**与**滚轮**的监听源。
|
||
|
||
|
||
<Image src="https://mdn.alipayobjects.com/huamei_yo47yq/afts/img/A*GbQ_QLO0kjYAAAAAAAAAAAAADhuCAQ/original" alt="image.png" style={{ zoom: "100%" }} />
|
||
|
||
```typescript
|
||
// 将触控事件的监听源设置为 document
|
||
const engine = await WebGLEngine.create({
|
||
canvas,
|
||
input: {
|
||
pointerTarget: document,
|
||
},
|
||
});
|
||
```
|
||
|
||
> ⚠️ 不要将触控的监听源设置为 `window` ，因为 `window` 无法接收 `PointerLevel` 事件，会导致触控信息紊乱。
|
||
|
||
> ⚠️ 若将键盘的监听源设置为某个 `HtmlElement`，需要设置它的 `tabIndex` 从而可以 focus ，例如您可以调用一次 `canvas.tabIndex = canvas.tabIndex;`
|
||
|
||
## 帧缓冲拾取
|
||
|
||
若引擎的[触控回调](/docs/input/pointer/#触控回调)无法满足需求，可以尝试使用[帧缓冲拾取](/docs/input/framebuffer-picker/)
|