jquery - Sheetengine 缓慢旋转物体使其更接近

标签 jquery html canvas

我一直在尝试sheetengine 1.2.0但是当我创建一个对象并旋转它时,它似乎慢慢地向相机漂移。

我正在使用示例中看到的方法,根据文档,这应该没问题。

// move object around
            var maxsteps = 10;
            var direction = {x:5, y:0, z:0};
            var rotate = true;
            setInterval(function() 
            {
                lolwut.rotate({x:1, y:0, z: 1}, Math.PI/2/maxsteps);

                // calculate sheets and draw scene
                sheetengine.calc.calculateChangedSheets();
                sheetengine.drawing.drawScene();
            }, 30);

codeplex 页面上目前没有与我所看到的内容相符的问题。

我做错了什么吗?

JsFiddle here

最佳答案

看来您提供的轴必须标准化。标准化后示例中的轴将如下所示:

lolwut.rotate({x:Math.sqrt(2)/2, y:0, z: Math.sqrt(2)/2}, Math.PI/2/maxsteps);

我认为这是一个错误,尽管解决方法很简单。我相应地更新了 codeplex 上的文档。

关于jquery - Sheetengine 缓慢旋转物体使其更接近,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14363935/

相关文章:

javascript - HTML Canvas : images printed with createPattern are zoomed in

javascript - 将 html 元素传递给 JavaScript 中的函数

css - 悬停在包含子 div 的 div 上需要建议吗?

jquery - 为什么 Ajax 中的第二个调试器在 Chrome 中测试时不起作用?

javascript - 如何使用jquery获取body元素

html - 同时拥有移动站点和常规站点的架构?

javascript - 使用 html5 和 javascript 在图像上制作网格

javascript - 使用单选按钮显示/隐藏 Canvas

javascript - 获取 jQuery 中标签的 data-* 属性

javascript - 如何自动刷新包含php变量的div内容?