javascript - 如何用jQuery或js实现3D曲线墙

Question

我想实现的效果你可以从下面的网站上看到: http://www.designasaurus.co.uk/page2/page9/page9.html

我真的很想实现这个效果，主要是用jQuery/js结合html和css。我会将这些资源放在我的 Android 项目的 assets 下，这样我就可以在我的 Android 设备上查看此效果。希望有人能给我一些提示或引用网站来实现它，或者你可以告诉我:嘿，伙计!你无法在你的 Android 项目中实现它。

Answer 1

编辑:在 Android 浏览器中运气不佳。然而，在使用 WebGL 之前，我会研究 Canvas 转换方法:

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Transformations

从“一个比例示例”开始

这些应该比 WebGL 更先进

/编辑

老实说，我对最新的 CSS3 内容有点落后，但听起来 CSS 转换符合要求。

我想 android 默认浏览器几乎就是 Chrome。看起来您可以在此处找到有关如何使用 CSS 执行此操作的一些线索。请参阅最底部的示例。

http://css3.bradshawenterprises.com/transforms/

虽然不确定背景图像的平滑度如何。

要获得更完整的控制，您可能需要研究 webGL，它仍然非常前沿，但不比最新的 CSS3 更先进，但 CSS3 可能就是您在这里所需要的全部。