In Pieces

In Pieces

30种濒危物种,30个碎片In Pieces 将30种有趣且濒临灭绝的物种分别化为一个片段,组成一场基于CSS的互动展览。你可以逐一探索物种、了解它们面临的威胁与生存处境,并通过碎片化的视觉形式思考人类活动对进化多样性的影响。

In Pieces 页面快照
30
展览呈现的物种数量
30
组成展览的视觉碎片数量
1
作品强调的碎片化生存主题
CSS
互动图形的核心技术
展览内容

探索物种与它们的生存故事

从环形碎片中选择物种或随机浏览,查看动物名称、类别、保护状态、威胁、统计信息、成因与相关资料。

互动式物种展览

将30种物种分别对应为30个视觉片段,组成可浏览、可切换的互动展览。

逐一查看物种信息

可从碎片环中选择物种,查看其名称、动物类别与保护状态,并继续浏览对应内容。

展示统计与威胁信息

页面提供物种威胁、死亡原因和按年份查看数据等信息入口,帮助理解其生存状况。

CSS多边形视觉实验

作品使用CSS clip-path多边形、坐标变化与过渡效果塑造和移动三角形碎片,不依赖Canvas或WebGL。

下载壁纸与分享海报

展览提供不同设备尺寸的物种壁纸,并设置分享与海报入口,方便保存或传播项目内容。

项目资料

了解展览背后的研究与制作

通过项目说明、制作说明以及展览中列出的保护组织和研究来源,进一步了解30种物种及其保护议题。

In Pieces

从这里开始使用In Pieces。