WORLD 5-2 · 复古街机

按下开始,
回到 8-BIT 时代

方块即像素,像素即一切:无抗锯齿、无渐变过渡、无圆角妥协。每个 4px 都摆得明明白白。

风格信息

类别:通用风格 年代:1980s 街机 复杂度:中 最适合:独立游戏 · 复古工具 · 创意作品集 · Web3

三件传家道具

像素艺术的视觉指纹全在细节里:像素字体、box-shadow 拼出的边框与精灵图、以及 steps() 阶跃动画。

方块像素

image-rendering: pixelated 保证放大不糊;界面由 4px 网格拼装,拒绝一切半像素。

像素描边

用 box-shadow 十字外扩画出「圆角像素框」,黑色轮廓 4px,一如卡带上的印刷。

阶跃动画

动画一律 steps():光标 1s 两帧闪烁、飞船逐帧浮动、跑马灯一格一格前进,绝不平滑。

手柄按键

悬停即变色(0ms 过渡)、按下整体下沉 4px、断电按钮灰化——手感全是硬切换。

1UP NEW!

存档小屋

输入勇者名与暗号,旅店老板会帮你把进度刻进卡带电池里。

NES 有限色板

颜色越少越有味道:四原色加黑白描边,靠色块与抖动表达一切。

红斗篷#E40058
水管蓝#0058F8
史莱姆绿#00A844
金币黄#F8B800
描边黑#000000
屏幕白#FCFCFC

字体级阶

显示级 · Press Start 2P / DotGothic16 · 32px

GAME START 冒险开始

标题 · Press Start 2P / DotGothic16 · 20px

STAGE 5-2 地下水道

正文 · DotGothic16 · 18px / 1.7

正文使用点阵字体,字形边缘保持硬朗的像素颗粒;长文阅读时行高放宽到 1.7,让每个方块字都有呼吸的空间。

标签 · Press Start 2P · 10px

ITEM GET!