#可用手势操控的3D知识图谱##钢铁侠式3D交互教程#
钢铁侠和贾维斯如何互动？大概就像【图1】这样～
挥挥手、说句话，就能操控眼前的3D图谱，用来做Pre有点酷！
从视频里可以看到，这位小哥用手势轻松实现了几种操作：
拖动/探索：捏一下手指就能拖动节点，不管是左手还是右手都行。
旋转：握拳移动，就能旋转整张图。
缩放：两手拉远或靠近，控制图谱的远近。
小哥也没藏私，在评论区无私分享了教程，主要用到了三种工具：Three.js、MediaPipe、Web Speech API。
具体怎么实现的？可以拆解成这样：
Three.js部分：以Vasco Asturiano的3D-force-graph组件为基础，图谱能支持拖拽、旋转等基础操作。
MediaPipe：用它来做手势追踪。摄像头能实时识别手指和手腕的位置，把这些关键点转成坐标用于交互。
Web Speech API：加入语音控制功能，直接在浏览器里把语音转成文字，监听关键词，比如“Rotate”来切换操作模式。
把这三样结合起来，就完成了一个能“听你指挥、看你手势”的3D交互系统。
完整代码+教程，欢迎查看：
在线demo：-graph/