【问题标题】:Library for Javascript 3D Image Manipulation [closed]Javascript 3D图像处理库[关闭]
【发布时间】:2015-07-28 10:25:55
【问题描述】:

我打算开发一个简单的图像处理脚本,但一直坚持为它选择合适的库。

脚本需要导入一个图像,然后很好地定位在其他图像上。例如,覆盖在其他产品图像(如衬衫、手机壳等)上的文本图像。是的,这可以通过基本的画布操作来完成。

主要问题是其他产品是否是 3D 图像,例如杯子、瓶子、球或任何圆形图像对象。脚本需要自动调整文本图像,使文本的边缘看起来像跟随圆形对象。这是一个例子:

在这里,“改变你的想法,改变你的世界”边缘看起来是倾斜的,因为它跟随杯子。

我搜索了很多次,只找到了这个库(可能是因为缺少关键字):

问题是,这个库中的任何一个都可以完成这项工作吗?它应该是一个3D图像库吗?还有其他更适合此任务的库吗?关键字是什么?

【问题讨论】:

  • 我会推荐threejs,因为它最适合您的需求。其他库更倾向于动画。
  • 这也是一个基于意见的问题,应该标记它以避免垃圾邮件。
  • 起初,我打算在stackexchange中问这个问题,但在"should there be a place to ask ..."的线程中,它说SO也是这个地方所以我们在这里。
  • 好像和这个问题类似stackoverflow.com/questions/13254094/…

标签: javascript image canvas webgl libraries


【解决方案1】:

我相信您正在寻找的一般关键字是文本映射或图像映射到对象。具体来说,尝试搜索“将文本映射到球体”或“将文本映射到圆柱体”。

我认为您列出的任何库都没有开箱即用的支持。这些是渲染库,它们只是渲染您提供给它们的模型数据。而您正在寻找的是可以为您生成模型数据的库。

我不确定您是否知道这一点,但您需要一个 3D 模型来将文本映射到。 2D 图像没有足够的信息来执行此操作。当然,您可以通过特定假想圆柱体/球体的中心和半径来伪造它,并进行一些数学运算来操纵像素,使其看起来好像映射到它们。

【讨论】:

  • 是的,我看到的许多示例只是将图像放置到由代码创建的球体纹理或 3D 对象,而不是使用其他图像。有没有可以使用的参考或其他库?
猜你喜欢
  • 2011-11-21
  • 1970-01-01
  • 1970-01-01
  • 2012-03-08
  • 2011-02-28
  • 2011-03-22
  • 1970-01-01
  • 2023-03-05
  • 2013-01-13
相关资源
最近更新 更多