问题标签 [pixel-perfect]

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 回答
65 浏览

html - 修复菜单中的像素

我正在使用 bootstrap3 设计一个菜单。它应该看起来像图片中显示的那样。但我无法创建这样的菜单。我试过创建一个,我的设计链接是https://codepen.io/irshad437/pen/EyQLVv

下面还显示了一些代码。但是你必须在 Codepen.io 上检查它(这里不好看)





问题:我无法将像素固定在设计中所示的正确位置。

这就是它应该的样子。

0 投票
0 回答
432 浏览

c++ - Allegro 5 上的像素完美碰撞

我正在构建一个 2d 平台游戏,它可能有大约数百个旋转的精灵(角色、火箭、子弹等),我想让它们与墙罩发生碰撞。当前使用 Allegro 5,它不支持 1bit 位图,因为它很自然地用于此。

尝试创建自己的位图实现,并为旋转做一些技巧(如缓存旋转的精灵),或者使用https://www.allegro.cc/manual/5/allegro_pixel_format和 Allegro 的 get_pixel( )?

对于碰撞测试本身,我应该使用某种将字符掩码插入墙掩码的 alpha 通道来测试单个值还是只

对于所有相关的 x 和 y?

谢谢你。

0 投票
1 回答
766 浏览

android - 像素完美的安卓应用

是否有工具或应用程序可以优化在 android 应用程序中构建 xml,因为现在检查设计师模板和应用程序之间差异的唯一方法是制作屏幕截图并使用图形编辑器相互叠加。

我有一些 DIY 工具,但我对即用型产品很感兴趣,有人知道吗?

0 投票
2 回答
46 浏览

android - 如何将对象与左侧的图像对齐?

这是我想要的:

在此处输入图像描述

在 iOS 中,这非常简单,但在 android 中似乎是不可能的。无论如何,我都想要屏幕的文本框中心。当我添加图像时,文本框会移动,即使它们是居中对齐的,而图像不是。我希望图标彼此居中,但这似乎也很困难,除非它们位于相同的布局中。我应该将它们全部放在同一个相对布局中吗?

我将主要布局作为线性布局,使用权重为所有内容提供适当的高度尺寸,其中单独的相对或线性布局是加权的。这是公认的模式吗?

这是图标 textViews 和 textEdits 之一的示例。

这没有边距设置,但我现在只关心获得像素完美居中设置。

0 投票
0 回答
384 浏览

css - 如何设置字体排版以使其像素完美?

我现在在这个网站上工作,它是我朋友的复古电脑商店。他要我添加类似 8 位的字体。我在网上搜索并找到了 Munro 字体。首先我在演示页面上看到它,它看起来很棒。我将它嵌入到https://retro-cloud.eu并没有发现任何难看的东西。不完全是,文本的某些部分可能有点模糊。现在我知道这是因为我有非常高分辨率的 WQHD。我的朋友说,在较低的分辨率下,模糊的文字更明显。

如何修复此字体显示?我知道如果我将字体像素与屏幕像素正确对齐,就不应该出现模糊效果。我也知道 CSS 中也有小部分像素...我应该只使用指定的字体大小吗?

这就是我在 CSS 中声明字体的方式

0 投票
1 回答
42 浏览

html - 试图创建一个网页。在导航栏上居中文本的问题

我正在使用像素完美来尝试复制网页以用于学习目的。我很难创造这个。对于初学者,我的文字不会停留在导航栏的中心。我认为这可能是我的标题的问题。我可能不小心将标题和导航组合在一起。我不知道如何解决它。

我要复制的页面

我的html:

我的CSS:

0 投票
0 回答
235 浏览

css - 响应式像素完美标记

客户想要的主题。

我有不同屏幕尺寸(手机、平板电脑和台式机)的 psd,但我不允许简单地使用媒体查询,因为在这些尺寸之间的内容应该与 psd 中的相同。

我尝试使用font-size基于 window.innerWidth 和 innerHeight 更改 root 的脚本,因此我可以使用它em来缩放所有内容,但在所有浏览器和平台上都有一致的结果。

那么进行响应式像素完美标记的最佳方法是什么?

0 投票
2 回答
653 浏览

java - 自定义视图和 ImageView 之间的像素完美碰撞检测

我有一个 CustomView 和一个 Image 视图。CustomView 是一个在屏幕周围移动并从墙壁反弹的球。图像是四分之一圆,您可以在触摸时旋转一圈。我正在尝试制作我的游戏,以便当来自 CustomView 的填充像素与来自 ImageView 的填充像素交叉路径时检测到碰撞。我遇到的问题是我不知道如何检索每个视图上填充像素的位置。

这是我的 XML 代码

我的主要活动

MyOnTouchListener 类:

还有我的 AnimatedView

我的问题是:如何从这两个视图中检索填充的像素,并将它们传递给检测碰撞的函数。

在此先感谢您的帮助!:)

0 投票
1 回答
408 浏览

java - Java - Pixel-Perfect Collision - 玩家和墙之间的间隙

我目前正在开发 Top-Down-Shooter 并且遇到一些碰撞问题。我的世界是由瓷砖(64x64)组成的。瓦片和实体是矩形。玩家以例如 2.74 的速度移动(为了更平滑的移动,不是以像素为单位)。但是当涉及到玩家(实体)和墙壁之间的碰撞时,我遇到了一些问题。要检查是否有碰撞,我会使用我的玩家的当前位置和他的移动速度来计算他的下一个位置以及是否有任何碰撞。但是我检查了路上的每个像素,所以即使移动速度非常快,我也无法跳过障碍物。假设玩家当前位置是 X:200 Y:200,他在 x 方向上移动 2.74 像素。我的游戏现在检查 X:201 Y:200、X:202 Y:200 或 X:202.74 Y 处是否有任何碰撞:200,如果没有移动玩家到那个位置。如果我现在尝试在 x 方向上进一步移动玩家并且在 0.26 像素外有一堵墙,玩家将不会移动并留下一个微小的间隙。我试图计算玩家和墙壁之间的距离,并将这个数量添加到玩家的位置,但为此我需要知道玩家击中墙壁的哪一侧。此外,我希望玩家能够在他撞到的墙在他面前时上下移动,反之亦然。

这是我的碰撞方法(Java):

还有我的运动方法:

我的问题与 CoderMusgrove 在他的帖子中的问题(像素完美碰撞和双打)几乎相同:

总结与问题

我有一个问题,如果一个实体的速度大于它进入的瓷砖的距离,它会在它自己和瓷砖之间留下至少一个像素,我真的不喜欢这样。我可以使用什么样的算法来找到实体和图块之间最细微的差异?

如果您需要任何其他信息,我很乐意添加。

谢谢你的帮助!

0 投票
1 回答
2502 浏览

html-table - Outlook 电子邮件模板 1

我尝试为 Outlook 创建模板电子邮件,但遇到了问题。

他们用于创建电子邮件的表格具有 1 px 的加边距/填充,如图片中的 + 无法识别字体。

https://imgur.com/gMtZsBY

https://imgur.com/7R1BzRm

我想要什么:https ://imgur.com/kQIrH2T

我尝试使用填充:0,边距:-1,表格布局:固定和其他想法。

这是我的代码: