我把元素周期表玩成《游戏式集卡》,是什么体验?

花了一天,把 118 个元素做成能收集的卡片。点开有卡片登场动画,还能旋转电子云、观察化学反应。你能把这些卡集齐吗?

Sep 11, 2026 · Updated Sep 11, 2026 · Jackie

我把元素周期表玩成《游戏式集卡》,是什么体验?

花了一天,把 118 个元素做成能收集的卡片。点开有卡片登场动画,还能旋转电子云、观察化学反应。你能把这些卡集齐吗?来玩哈哈!

Astra 制作的全新元素周期表,参考了 X 推友的图片,开源项目 Future-Style-Periodic-Table(MIT),PubChem、NIST 数据,images-of-elements 图片(CC-BY 3.0)。

我做的改动是:重构了整套画廊、UI 和动效,用 React、SVG 和 Canvas 实现。每一张 AI 生成的展示图,都是以真实照片为输入重绘的,原始照片、来源和协议,一点就能看到。

做科普产品,把出处讲清楚是底线,不是加分项。你用了别人的东西,就得把 credit 给到,把协议标明白。

这其实就是我做科学可视化一直的思路:让知识变得可玩。从"世界的形状"到现在这张周期表,我做的都是同一件事——把抽象的东西,变成一个你忍不住想点开的东西。

集齐 118 张卡之后,记得告诉我一句。

Leave a comment

Sign in to join the discussion.

Sign in