RedSkill / p5.js / 站长收录

p5.js 创意动画:雨帘、花枝与飞燕

用一句话描述雨帘、开花的树枝或飞过的燕群,基于三套 p5.js 模板输出 sketch.js 代码,可定制颜色、数量与速度。

打开作者原帖 ↗

仅限非商业用途 · 附本地实测录像

本地实测 · 非模拟效果

先看效果,再开始创作。

21s · 720p · 无声

版本 1.0.0 的本地浏览器实录:雨帘(0–8 秒)、花枝(8–16 秒)、飞燕(16–21 秒)。使用模板默认参数,测试程序触发鼠标交互和燕群起飞。无声,720p。这不是安全审核,也不代表其他环境或 Agent 完整流程已通过认证。

技能作者:流白Livo
录制:OpenAgentSkill · 2026-09-11
Windows 10 · Chrome 152 · p5.js 1.11.11
CC BY-NC 4.0

三种动画,一句话定制。

以下为技能包的功能说明;自定义参数的效果需在自己的环境中检查。

雨帘

帘线上的雨滴响应鼠标动作,可调整密度、颜色与下落速度。

花枝

树枝自然生长、分叉、开花并轻轻摇摆,可调整枝条数量与花色。

飞燕

燕群沿弧线飞过,伴随扑翼和拖尾,可调整数量、颜色与飞行节奏。

如何使用

打开作者原帖,通过帖内 RedSkill 入口获取技能。在自己的环境中查看许可与文件后,向编程 Agent 描述动画需求,再到 p5.js 编辑器检查生成的 sketch.js。本站不托管技能包,也不代你安装。

需要兼容的编程 Agent 与 p5.js 运行环境或编辑器;部分模板从外部 CDN 加载图片。本站录像仅覆盖本地浏览器中的三套默认模板。RedSkill 安装器依赖 Bash 和 Unix 专用 Python 接口,原生 Windows 安装器及完整 Agent 流程的兼容性仍未测试。

来源与版本记录

平台标识
skill-curtain-branch-swallow
核对时版本
1.0.0 · RedSkill manifest
包校验值(不代表安全认证)
SHA-256 481b20db720959d2268cb3fb9ee4251dad0aa9ea800a46ff242932a586ef6f69

版本为收录时快照,当前不自动同步外部平台。实测录像仅说明所列环境中的示例效果,不代表 AI 审核、安全认证或创作者身份认证。

查看只读元数据 →