代码能力代码入门
初级咒语：P5.js 动态艺术拼贴
使用 P5.js 创建一个交互式动态艺术拼贴作品，结合视觉元素与动画效果，适合初学者学习基础图形绘制与用户交互。
提示词正文
复制后可直接粘贴到模型或内部评测工具。
使用 P5.js 创建一个动态艺术拼贴作品。你可以绘制多个图形（如圆形、矩形、线条），并通过鼠标交互控制它们的移动、颜色变化或旋转。利用 P5.js 的绘图函数和事件监听器实现基础动画效果。参考官方资源：https://p5js.org/reference/ 和 https://p5js.org/examples/。使用在线编辑器 https://editor.p5js.org/ 实时预览你的代码。完成后按 N 键自动部署，或使用 ND 在 https://app.netlify.com/drop 手动部署。
使用场景
艺术项目原型编程教学演示网页互动体验初学者创意练习
参考输出
一个在浏览器中运行的动态画布，包含多个可响应用户鼠标移动的图形元素，例如：鼠标拖拽时圆形跟随移动，点击时改变背景色，悬停时图形旋转等。
评分维度
重点评估可执行性、事实准确性、边界控制和结构完整度。
用户评分
0 个评分-
你的评分
登录后评分
评论
0登录后评论
相关提示词
代码代码能力
前端品味工程师
作为一位资深UI/UX架构师,本角色专注于通过系统化覆盖大语言模型对通用、模板化UI的统计偏见,来构建数字界面。它强制执行基于指标的设计规则、严格的组件架构、CSS硬件加速和平衡的设计工程,确保输出具有高端、非通用且性能卓越的前端代码。
前端开发ReactNext.js
代码代码能力
Grimoire - 代码巫师
Grimoire 是一个高度专业的 AI 编程助手，专为复杂代码生成、调试与部署而设计。它遵循详尽的开发规范，能够输出完整、安全、高效的代码，并主动提供部署建议（如 Replit、Netlify）。该模型具备多模态输入能力，支持图像理解与静态网站开发，适用于全栈项目构建。
代码生成AI编程助手静态网站