问题标签 [distortion]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1687 浏览

algorithm - 图像失真算法

我正在尝试想出一种方法来扭曲类似于此处示例的图像:http: //tinypic.com/r/16gn60o/7

这个想法是删除原始图像中的任何硬线。我希望原始图像“大致相同”,而不是您在某些屏幕保护程序或类似的东西中看到的硬漩涡效果。

任何指示或想法都会很棒!

0 投票
1 回答
1124 浏览

iphone - 需要 iPhone 应用中的 PhotoBooth Mac 功能

看看下面的应用程序

http://itunes.apple.com/us/app/fatbooth/id372268904?mt=8

我认为他们使用与我的 PhotoBooth MAC 相同的功能。

请建议任何 api 或任何其他可能的解决方案,以便我可以构建一个 iphone 应用程序

谢谢

0 投票
1 回答
1831 浏览

iphone - 使用 OpenGL 扭曲 iPhone 上的图像

我对编程还很陌生,在这一点上,我正在这样做,只是为了自学和玩得开心。

尽管在这里阅读了这篇很棒的文章,但我在理解一些 OpenGL 的东西时遇到了很多麻烦。我还从苹果开发者网站下载并试用了一个使用 .png 图像作为精灵的示例。我最终确实想使用图像。

我要做的就是拍摄一张图像并将其扭曲,使其四个角最终位于我提供的四个不同的 x,y 坐标处。这将在各种计时器上(CADisplayLink?),其中一个或多个这些点每时每刻都在变化。我只想在这些动态点之间拉伸它。

我只是很难理解这是如何工作的。正如我在开发人员中心了解了一些示例代码一样,我可以使用:

其中 spriteVertices 类似于:

问题是我不明白这些数字的实际含义,为什么有些人前面有负数,以及他们从哪里数到四个角。我需要如何更改获得的正常 x,y 坐标才能将它们插入其中?(我对 x,y 的数字看起来不会像 1 到 0 之间的数字吗?我想要类似于每像素精度的东西。

任何帮助都非常感谢,即使它只是更多阅读的链接。我在为新手寻找资源时遇到了麻烦。

0 投票
1 回答
257 浏览

distortion - 弹性布局问题

如果有人可以提供帮助,我将不胜感激!

我使用 ems 构建了一个弹性网站,但由于某种原因,当用户在浏览器上放大或缩小时,它仍然会完全失真。

我所指的网站链接是www.newstylesignsusa.com。这是模板的css。其余页面的 css 也具有 ems 中的所有测量值。我真的很感激我能得到的任何帮助。谢谢!

CSS:

0 投票
1 回答
331 浏览

opengl - 交换每个水平对绘制的 OpenGL 像素

我对 OpenGL 有点陌生,尽管我很确定我的问题在于所使用的像素格式,或者我的纹理是如何生成的......

我正在使用 16 位 RGB5_A1 像素格式在平面 2D 四边形上绘制纹理,尽管在此阶段我没有使用任何 alpha。我遇到的问题是每对水平像素值都已交换

也就是说......如果像素位置应按此顺序排列(假设 8x2 图像)

它们被绘制为

或者,从这张图片(下图)可以更清楚地看到。左边是我得到的……右边是我应该得到的。

.

问题是......我是怎么结束的?像素格式有问题吗?不太可能,因为颜色看起来都是正确的,如果归结为字节序,我会期待各种讨厌的东西。建议非常感谢。

更新:原来问题出在我的源渲染器中。有趣的是,我通过使用 32 位纹理完全避免了这个问题(此时还没有尝试过 24 位)。

0 投票
3 回答
12597 浏览

java - FishEye 图片效果(桶形失真)算法(用Java)?

我正在寻找算法(位图像素操作)来模拟普通图片中的鱼眼镜头(桶形失真)。到目前为止,我已经找到了涉及 OpenCV、OpenGL 或 jhlabs 等外部库的实现。由于我正在学习数字图像处理课程并且我正在做一个课程评估项目,我不确定使用任何外部库是否会给我带来好成绩。那么有人会给我这种算法的参考吗?

附言。我被要求用 Java 实现它,但是任何语言的例子都可以。

0 投票
2 回答
1188 浏览

webgl - WebGL 中的失真/水

我对 WebGL 和 OpenGL 还比较陌生,但最近几天我已经把大部分时间都花在了为它编写一个小游戏上。但是,当我想实现像热浪或任何形式的失真之类的东西时,我就陷入了困境。

现在,我可以使用片段着色器制作纹理波纹,但在扭曲对象背后的内容时,我觉得我错过了一些东西。有没有办法获取已经在片段着色器中渲染的像素的颜色?

我已经尝试渲染到纹理,然后让对象的纹理成为那样,但是如果您选择将场景渲染到纹理,您也无法将其渲染到屏幕上。除此之外,如果要渲染到纹理,则该纹理必须是 2 的幂(许多屏幕分辨率不太适合)

任何帮助,将不胜感激。

0 投票
1 回答
696 浏览

windows - 扭曲windows桌面

我已经阅读了一些主题,并且我知道扭曲视频很容易。现在我想扭曲windows桌面。步骤是:1.捕获桌面屏幕2.使用桌面屏幕作为贝塞尔曲面网格的纹理问题是桌面屏幕第一次捕获的桌面屏幕不正常扭曲,所以有一个无限循环。谁能给我一些建议?提前致谢!

0 投票
6 回答
108643 浏览

css - CSS图像缩放以适应区域不扭曲

有没有办法使用 CSS 或其他方式使图像适合某个区域。假设我有多个不同尺寸的图像,我希望它们都适合 150 像素 x 100 像素的 div。我不想缩放图像,因为有些图像可能很高而另一些很窄,我只是希望它们适合这个区域,而其余的则隐藏起来。

我考虑过使用overflow:hidden,但它似乎没有隐藏在 IE6 中。

有任何想法吗?

0 投票
1 回答
5780 浏览

android - 寻找快速的图像失真算法

我正在尝试实现一个使用 shpere 失真滤波器的应用程序。我正在使用这里的算法,它通过 getPixel() 和 setpixel() 方法改变像素位置。我的问题是它对于 Android 设备来说太慢了,而且有些应用程序实现相同的球体(和其他)过滤器的方式比我的方法更快。(例如 Picsay Pro 应用程序)任何人都可以分享或指导寻找或实施快速失真算法。

实现算法的实际过滤器:

替换计算的像素位置的代码。