根据2D坐标计算投影映射的3D旋转(Adobe Animate)

时间:2018-11-01 16:06:08

标签: 3d html5-canvas adobe adobe-animate

我正在研究映射地下室tiki栏的投影,用一台投影仪击中7个不同的表面。

在After Effects中,这是一件轻而易举的事:使用扭曲功能,我可以将7个画布创建为矩形,扭曲它们的角以匹配投影机的2D输出。但是AE不允许我创建一个界面来控制结果。

我正在尝试移至Actionscript 3(或者如果我可以使用HTML5),以便可以从红色节点控制程序(打开和关闭不同的元素,雨和风动画效果等)。为此,我需要能够将2D图像上矩形的四个扭曲的角转换为3D旋转,因为Adobe Animate没有扭曲画布功能。

由于投影机的角度,这些矩形中的许多不是平行四边形,在我看来,它们只能以两点透视图进行渲染,因此我不确定这是否可能。

如果存在的话,我需要一个公式来将我拥有的信息变成我需要的信息

我得到的信息:

右上角(X,Y), 右下角(X,Y), 左上角(X,Y), 左下角(X,Y), 画布高度 画布宽度

我需要的信息:

X, 是的 Z, 旋转X, 旋转Y, 旋转Z, scaleX, scaleY, 视角, 消失点(X,Y)

非常感谢!

Here's a mockup done in After Effects that shows the 2D information the projector needs to make everything look right IRL

0 个答案:

没有答案