1bit 像素画中的黑与白

2026/04/07 | 2分钟阅读 | 更新于 2026/04/07

1bit 像素画中的黑与白

最近在尝试绘制 1bit 的像素画,然后注意到一个问题,大家总是喜欢用黑色而不是白色作为背景色。

下面有两个书架,能够明显地感觉到,黑色背景下的书架,看上去更加「自然」。

在 1bit 的像素画中,一个颜色,看上去要么作为「面」或者「填充」存在,要么作为「边界」或者「轮廓」存在。看上去,白色更常被看作面;而黑色总被优先视作轮廓,连同被它包裹的白色,作为一个整体。

我重新绘制了一组 demo,图中总共有两行四列共八种情况(其实最后一列相当于不存在)。

黑色底色下,直接用白色作为形状拼出图案,会很自然。(第一行第二列)

白色底色下,用黑色作为轮廓勾勒出形状,得到的图案也很自然。(第二行第一列)

白色底色下,直接用黑色作为形状拼出图案,也还行。(第二行第二列)

图中第三列,是用和底色相反的颜色打底,再用和底色相同的颜色作为轮廓去勾勒形状,强行抠出一个空间来,相当于多了一层与底色相反的描边。

图中第四列,是用和底色相反的颜色打底,再用和底色相同的颜色作为形状去拼出图案,同样强行抠出一个空间来,但是它其实就相当于直接用相反颜色去勾勒轮廓,效果和第一列相同。

似乎还应该有个结论……但是两种颜色本来就可以相互转换的,所以无所谓啦。╮(╯∀╰)╭

© 2026 香蕉引擎故障报告

🌱 Powered by Hugo with theme Dream.

关于

要怎么介绍自己呢,🤔。

很早以前是作为 Web 前端在学习的,但是工作第一年就成为了全干工程师。喜欢尝试各种东西,什么都会一点。

一直很喜欢 Ebiten 游戏引擎 ,特别简洁,用它做过一些小东西,可以查看这个分类 。另外特别推荐这个木鱼 ,是一个相对完整的小玩意儿,包含手搓的一个简单的 UI 框架;支持鼠标和键盘操作;有多语言和主题切换功能;同时支持 Web 端和客户端。它的源代码在 bin16/wooden-fish

主题

网站基于 Hugo,当前使用的是 hugo-theme-dream 主题的修改版 ,根据我的需要,做了一些对 PaperMod 的兼容。

我自己也写过主题 ,但是没有别人写的好看。

正在从我的笔记中往外搬运内容

等待更新:

  • 从《锈湖》中学了些什么东西
  • 我拿 React 写解谜游戏的经过
  • 基于 Pocketbase 的 Pocket Memos
  • 数独!