跳到正文
网页珍奇柜Web Curio

九十年代 VGA 演示特效

90s VGA Demoscene (Mode X effects),Justin Greisiger Frost (gneissguise),2025 年

正在布展…

本柜的现场复刻:按原作的技术思路从零编写,不含原作的代码和素材。原作请点上方「去看原作」。

它是怎么做的

  1. 第 1 步以 320×200 量级的小 ImageData 作为帧缓冲,放大时用 image-rendering: pixelated。
  2. 第 2 步256 色调色板查表,很多效果只靠循环轮换调色板就能动起来。
  3. 第 3 步火焰用向上扩散并衰减的平均值算法,等离子用多个正弦叠加。
  4. 第 4 步键盘/按钮切换当前效果函数。

复刻配方

一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。

Allocate a 320x200 Uint8Array of palette indices and a 256-entry RGBA palette, and blit to an ImageData each frame before drawing it to a canvas scaled up with CSS image-rendering: pixelated. Implement a fire effect by seeding random hot values on the bottom row and setting each pixel to the decayed average of the pixels below it. Implement plasma as the sum of several sine functions of x, y and time quantized to palette indices, and animate by rotating the palette rather than recomputing pixels. Bind number keys to switch effect functions.

档案

能不能拿来用

原作不是开源许可(proprietary — inspiration only):只能作为视觉参考,不要复制它的代码或素材,自己按技术思路实现。

性能开销

视觉强度

实现难度

尺度为策展判断(1 到 5),用于比较和推荐。

核实记录:Opened the demo (HTTP 200, title '90s VGA Demoscene', © 2021–2025 Justin Greisiger Frost, keys 0–9 switch demos); found via HN Show HN item 44295667 (2025-06-17). No repo located.