打开 openprocessing.org，点击右上角 Sign Up。推荐使用 QQ 邮箱、163 邮箱或其他国内邮箱注册。

访问 openprocessing.org/sketch/create，给 sketch 起个名字，点击右上角红色 SAVE 按钮保存。

保存后页面会跳转到预览页。点击顶部的 </> 图标进入代码编辑器。

在编辑器右侧面板点击 FILES 标签，上传你的图片。记住上传后显示的文件名（如 photo.jpg）。

选中编辑器里的所有默认代码并删除，粘贴你从本站复制的代码。然后在代码顶部找到这一行：

const IMAGE_FILE = 'photo.jpg';

把 photo.jpg 改成你在第 4 步上传的实际文件名。文件名必须完全一致，包括大小写和后缀（.jpg / .png）。

点击编辑器上方的 ▶ 按钮，你会看到和本站一样的动效。

修改代码顶部的 CONFIG 对象来调整效果参数，每个参数旁边都有注释说明。