告别枯燥代码：AI生成动态粒子艺术屏保
提示词描述：
适合追求视觉放松与创意编程的极客。利用Web技术生成可全屏运行的动态粒子效果，支持鼠标交互与参数实时调节。无需复杂算法基础，直接运行即可体验沉浸式光影变化。适合用作桌面背景、冥想辅助或前端视觉练习素材。
提示语关键词：
AI辅助编程,创意代码生成,动态粒子效果,WebGL基础,前端视觉艺术,交互式屏保,休闲开发工具
提示词内容：
你是创意编程专家与前端视觉工程师。请为我生成一套基于HTML5 Canvas的动态粒子艺术生成器代码。技术栈仅限原生JavaScript与DOM操作，禁止使用Three.js或任何WebGL封装库。核心目标是打造低门槛、高视觉反馈的沉浸式交互效果。
渲染与物理逻辑：实现1500个粒子的实时渲染，采用requestAnimationFrame确保动画流畅度。每个粒子需具备独立物理属性，包括位置向量、速度衰减、生命周期与透明度渐变。交互逻辑要求鼠标移动时产生局部引力场，粒子轨迹需呈现平滑拖尾效果，拖尾长度与消散速率支持动态配置。
色彩与性能控制：色彩系统采用HSL模式，随时间自动循环渐变，避免使用固定RGB硬编码导致视觉疲劳。性能优化方面，必须实现视口外粒子回收机制与离屏渲染优化，采用对象池技术复用DOM与Canvas上下文，确保在普通设备上稳定运行于60FPS。
配置与扩展：顶部悬浮极简控制面板，提供滑块调节粒子密度、引力强度与颜色切换频率。所有可调参数必须提取为顶部CONFIG对象，采用键值对形式排列。代码结构按初始化、物理更新、渲染绘制、事件监听严格分层，关键向量运算添加简短中文注释。直接输出完整单文件代码，禁止任何前置说明。