问题标签 [pixel-perfect]

在我的字段集中，我的文本框旁边（侧面）有标签，但由于某种原因，它们位于顶部而不是中间。这是我的字段集 CS​​S：

我错过了什么？

是否可以在基于视图的应用程序中进行像素完美碰撞？我一直在寻找示例代码，但没有运气......你也可以使用彩色位图来表示某种颜色的碰撞吗？

一个业务目标要求我在屏幕上制作一个像素完美的表单。如果用户打印此表格，它将与美国政府印刷办公室版本的表格完全匹配；打印机将生成此文档的（合理的）可扫描副本。以前的解决方案是 PDF，它只对我们有用。

我倾向于 HTML/CSS，并希望提供有关工具的建议来帮助实现这一点。

对于工具，Firefox 中的 PixelPerfect 似乎是一个好的开始。如果有帮助的话，目标平台是（鼓）IE6。文档看起来像这样。

如果 HTML/CSS 完全不行，Adobe Flex 是我的下一个选择。

在我的应用程序中，我有一个玩家和许多敌人（大约 100 多个）..我不想使用 CGRects，因为它不适合敌人。是否有任何示例如何在 cocos2d 中使用许多精灵进行像素完美碰撞检测？

一些解释会很棒;）

非常感谢！

编辑：我正在使用 CCSprite 和 .png 文件。png 具有透明度，但它应该只检测非透明像素上的碰撞。

编辑：我的敌人是圆的。

我想我已经接近这个了，但是在弄清楚我所缺少的具体内容时遇到了一些困难。我正在尝试在 Canvas 中进行“像素完美”的碰撞检测。该代码在 Github https://github.com/AlexChesser/jsSprite和http://chesser.ca/jsSprite/13-more-pixel-detection.php中可用

假设我已经确定正在发生微不足道的碰撞，下一阶段是检查重叠区域的像素级别。

到目前为止，我的测试代码是：

Through inspecting the DOM in the Chrome Debugger, I know that I'm definitely able to loop through each pixel in the image, what I'm not able to figure out is why my comparison of the pixel in array1 at index and the pixel in array2 never seem to overlap.

Can anyone see the spot where I'm going wrong? Maybe there's a logical error in here somewhere, perhaps I'm not reading in the squares that I think I'm getting or something.

I'll keep hammering away and update if I find but more often than not, Stack's a lot smarter than me :)

我正在加载一个应该完美显示像素的 MovieClip。此 MovieClip 的每个子项和 MovieClip 本身仅在位置和大小上使用整数。有趣的是，即使我使用“myMovieClip.cacheAsBitmap = true”，有时它也会显得模糊。

有什么解决办法吗？

目前，我们正在尝试textarea在 Mac 和 Windows 上的 Safari/Chrome/Firefox/IE 中实现元素的一致格式。我相信这可能是一个兔子洞，因为它们的任何组合都可能以稍微不同的方式产生格式 - 也许一种组合在这里向 div 添加一些填充的方式与其他组合不同，另一种组合在那里打破多行文本的方式不同于其他的，以此类推。

除了使用textarea（或div）元素，我们可以使用 HTML5 实现像素完美定位canvas吗？还是使用 Raphael JavaScript 库？或者也许是其他一些 JS 库？

主要是，通过像素完美，我的意思是任何任意文本都应该在上述任何浏览器中以完全相同的方式呈现（尤其是关于换行符和填充）。

（目前我宁愿避免使用基于 Flash 的解决方案，除非那是唯一的解决方案......）

很长一段时间以来，我一直在使用完美像素，并且越来越喜欢它（尽管它很烦人）。现在，当 pp 不再与 fx 6 兼容时，我正在寻找一种工具来替换它。

我发现x-precise并且距离购买它只有一步之遥，但我不太喜欢在源页面中包含某些内容的必要性。

我知道我可以自己做，可能不如 xprecise 或 pp，但我现在没有时间。

我很想知道你用什么？还是你坚持使用旧的 fx，只是为了使用像素级？

我正在创建一个 PacMan 克隆只是为了好玩，并且我正在使用像素完美碰撞算法来检测 PacMan 何时与迷宫和点碰撞（尚未在游戏中实现）。我知道我正确地使用了算法，但是当迷宫和 PacMan 彼此不靠近时，PacMan 与迷宫发生碰撞。我的图片显示调试屏幕和游戏的证明。这是下面的图像和代码： 主要代码：

PacmanAnimator 类：

PS。PacMan 精灵具有透明背景，您在迷宫中看到的黑色区域是透明的。所以我知道这不是问题。顺便说一句对不起这么长的帖子。 编辑：添加注释以使代码更易于理解。

我的 javascript 碰撞检测功能有问题。每当发生碰撞时，一个固定的物体不应该移动，玩家应该继续但在另一个方向，这样他就可以绕过它。很难描述，所以我准备了一些例子：

红色箭头代表原来的运动方向。绿色箭头代表一个新方向 - 我需要那个方向的角度（在图片上，它是 90 度）

这是另一个例子： http: //jsfiddle.net/kukas/xnB2M/3/你可以在那里看到我的碰撞检测功能。绿色方块代表解决方案，红色方块代表问题。:)

奖励：如果您解决了另一个问题，我将不胜感激 - 碰撞不是像素完美的。但这不是那么重要。