Leap Motion API类库：InteractionBox

最新推荐文章于 2021-06-18 13:45:50 发布

转载最新推荐文章于 2021-06-18 13:45:50 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/chumingcheng/blog/610951

文章标签：

#python

本文介绍了如何使用LeapMotion控制器中的InteractionBox类实现手指坐标的规范化，并将其映射到绘图画布区域，便于进行二维或三维坐标系中的绘图操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1.InteractionBox

interactionbox类表示一个可视的，完全在Leap Motion控制器内的，盒子形状的区域

这个交互的盒子是一个轴对齐的矩形棱镜，在这个盒子中，提供了标准化的手，手指和工具，及他们的坐标。

可以使它更容易在二维或三维坐标系中应用绘图。

interactionbox区域由一个中心沿X，Y和Z轴的定义。

下面的例子演示了如何使用InteractionBox将一个手指的坐标映射到绘图画布的区域中：

<canvas id="displayArea" width="200" height="100" style="background:#dddddd;"></canvas>
<script>
var canvasElement = document.getElementById("displayArea");
var displayArea = canvasElement.getContext("2d");

var controller = new Leap.Controller();
controller.on("frame", function(frame){
    if(frame.pointables.length > 0)
    {
        canvasElement.width = canvasElement.width; //clear
        
        //Get a pointable and normalize the tip position
        var pointable = frame.pointables[0];
        var interactionBox = frame.interactionBox;
        var normalizedPosition = interactionBox.normalizePoint(pointable.tipPosition, true);
        
        // Convert the normalized coordinates to span the canvas
        var canvasX = canvasElement.width * normalizedPosition[0];
        var canvasY = canvasElement.height * (1 - normalizedPosition[1]);
        //we can ignore z for a 2D context
        
        displayArea.strokeText("(" + canvasX.toFixed(1) + ", " + canvasY.toFixed(1) + ")", canvasX, canvasY);
    }
});
controller.connect();
</script>

（1）构造器 InteractionBox()

可以不创建自己的interactionbox对象。从框架得到了有效的interactionbox。interactionbox()。

此构造函数创建无效interactionbox的对象。

转载于:https://my.oschina.net/chumingcheng/blog/610951