javascript - 如何确定旋转/驱动气缸的旋转 Angular ？三.js

Question

我被困在这个问题上，而且我的数学技能很失败。我已经设置了一个工作 fiddle here .

我已经能够从旋转圆柱体中提取 y 和 z 位置，并且能够在看到数字 1 时停止动画。我正在使用这种丑陋的方法来做到这一点:

if (p > 75 && p < 90 && pp > 155 && pp < 165){

在观察 y 和 z 值时，我注意到这些值变化相当大(尝试多次运行示例)，我必须检查某个范围。

由于圆柱体上有 8 个面，我希望简单地提取“前面”(或面向某个方向)的面的数量。或者检查圆柱体在旋转过程中所处的 Angular 。我不知道如何在动画期间输出 Angular 。

如果有人能给我一个线索，我将不胜感激。

Answer 1

我创建了一个新的 fiddle :http://jsfiddle.net/5vxvLdub/3/

相关部分:

    function fuzzyEqual( n1, n2 ) {
        var epsilon = .01;
        return ( n1 - epsilon < n2 ) && ( n1 + epsilon > n2 );
    }

    var desiredNum = 3,
        faces = 8,
        theta = Math.PI * 2 * ( faces - desiredNum - 5.5 ) / faces,
        destY = Math.cos( theta ),
        destZ = Math.sin( theta );

    // request new frame
    requestAnimationFrame(function(){
        // ugly method :p
        if ( fuzzyEqual( o.y, destY ) && fuzzyEqual( o.z, destZ ) ){
            return;
        }
        animate(time);
    });