线上实验 · 生成艺术

Kiss 4 Peace

一半的脸。一个陌生人。一个为和平而生的吻。交出 半张脸 ,与世界某处的一个陌生人配对;你们一起变成一个艺术之吻,在浏览器的 HTML5 画布上实时合成。这里没有页头也没有页脚——整个网站就是这场体验本身。

这场仪式

kiss4peace.com
Kiss 4 Peace——两张半脸合成一个为和平而生的吻
三步

交出一半。遇见陌生人。合成一个吻。

你交出

半张脸

我们找到

世界某处的一个陌生人

一起

一个吻,在画布上实时绘成

运作方式

两个陌生人之间一次安静的连接。

你看到的一切都在浏览器里合成——服务器只保存你的那半张脸,并为你找到和平搭档。

交出半张脸

拍摄或上传半张脸。原图私密存放在 R2 中,直到为你找到配对。

按国家匹配

系统会把你和世界某处的一个陌生人配对,并优先匹配互补的那半张脸。

自愈式配对

在你等待时,每一次状态轮询都会重新尝试配对,所以只要有搭档出现,就会立刻成对。

画布实时合成

两张半脸相互靠拢,中间是一道柔和的漏光之“吻”,全部在客户端渲染——即时且免费。

服务器不做图像处理

合成完全在浏览器里完成;服务器只保存你的那半张脸,并为它配对。

网站本身就是作品

没有页头,没有页脚,没有后台——只有仪式本身:温暖的背景、连接世界的线条,就这些。

技术栈

极小的技术栈,全部是客户端生成的艺术。

Cloudflare Workers Hono.js D1 R2 Tailwind Vanilla JS HTML5 Canvas
参与其中

交出半张脸,做成一个为和平而生的吻。

只需一小会儿,完全免费,而世界某处正有一个陌生人等着把这幅画补全。