【问题标题】:How to create pivot screens in Javascript?如何在 Javascript 中创建枢轴屏幕?
【发布时间】:2011-10-16 06:32:27
【问题描述】:

我怎样才能在 Javascript 中创建这样的效果(Three.js 使用画布元素?)就像那里描述的那样?

枢轴屏幕: http://www.smashingmagazine.com/2011/07/27/what-web-designers-can-learn-from-video-games/

【问题讨论】:

    标签: javascript canvas 3d pivot three.js


    【解决方案1】:

    您想搜索在 Canvas 中进行过投影/透视变换的人。

    http://acko.net/files/projective/index.html

    单独倾斜并不是特别难,您真正需要的是:

    ctx.setTransform (1, .3, 0, 1, 0, 0);

    但是获得真正的观点是不平凡的数学

    【讨论】:

    • 好吧,所以我必须手动完成,并且没有可以直接用于此效果的最终脚本?
    • 遗憾的是没有内置任何东西。你必须找到一个脚本或教程。我还不知道有什么特别好的库可以用 Canvas 来做这件事。
    • 但我可以为 settransform (... skewX 和 skewY) 参数设置动画,对吗?像 jquery 中的 css 过渡/动画?
    猜你喜欢
    • 1970-01-01
    • 2016-11-07
    • 2014-09-17
    • 2023-02-03
    • 1970-01-01
    • 1970-01-01
    • 2011-07-10
    • 2011-10-18
    相关资源
    最近更新 更多