写点什么

三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术

作者:阿里云云效
  • 2025-02-26
    浙江
  • 本文字数:1101 字

    阅读完需:约 4 分钟

前几天在上海西岸艺术中心的全球开发者先锋大会 GDC2025,通义灵码的老朋友-@同济子豪兄受邀参会,并带领大家观看了本届大会两大重磅看点:具身智能人形机器人和 AI 程序员编程写代码。


观看视频:https://www.bilibili.com/video/BV1pcPqekEJ2/


此外,WayToAGI 社区的张梦飞老师也受邀与阿里云联合举办了 AI 实训营。子豪和张梦飞老师带现场的数十位零基础开发者,快速上手阿里云 AI 编程助手通义灵码。



通义灵码可以帮你解释祖传代码、实现复杂需求、智能帮改 BUG、生成单元测试、提供优化建议、润色注释文档,分分钟就能开发出 Python 爬虫、Web 网页、小游戏。


通义灵码的【智能问答】功能,接入了推理能力王炸的 DeepSeek-R1 和 DeepSeek-V3!DeepSeek 满血版在 VSCode 和 IDEA 中怎么用?手把手教程来了


来问问 R1:


Prompt:推荐几个酷炫的 P5.js 特效,最好有互动性


AI 瞬间生成出磁吸粒子风、流体画笔、流体波纹、声音可视化、互动分形树、火花爆炸的粒子特效。





每一个作品放在设计学院,都是让人眼前一亮的交互艺术作品!


通义灵码新上线的【AI 程序员】功能,接入了阿里扛把子通义大模型 Qwen2.5 和 DeepSeek-V3,几秒钟就可以对多个代码文件,自动增删改查。比如想可视化三体运动,AI 程序员帮忙写出 js 和 html 代码,有一种三日凌空的随机和绚烂。帮忙写一个 P5.js 代码,实现三体运动的 3D 可视化,三个天体受到彼此万有引力的吸引,进而运动,并绘制出每个天体的轨迹。




还记得 DeepSeek-R1 刚发布的时候,国外大佬们都在测试【2D 六边形里一个小球受重力碰撞反弹】的效果。



子豪和现场观众昊男一起,给 AI 上个强度,实现【100 个小球在大球里碰撞反弹的 3D】效果。



编写一个 p5.js 脚本,模拟 100 个彩色小球在一个 3D 大球体内部弹跳。每个小球都应留下一条逐渐消失的轨迹。大球体应缓慢旋转,并显示透明的轮廓线。请确保实现适当的碰撞检测,使小球保持在球体内部。



  • 第一步:在通义灵码【AI 程序员】中提出初步需求,实现最基础的几何元素和物理碰撞检测;

  • 第二步:把 2D 动画变成 3D 动画;

  • 第三步:给小球赋予不同的颜色,并添加轨迹;

  • 第四步:增加【鼠标拖拽旋转视角,滚轮缩放视角】的 3D 操作;

  • 第五步:增加更多自定义需求,比如小球碰撞之后变成蓝色




短短几分钟,两个完全不懂 P5.js 的人类,和通义灵码 AI 程序员一起,共同完成了有真实物理引擎和碰撞检测的 3D 仿真动画。人类扮演的角色更像产品经理和架构师,提出开发需求和迭代修改方案,而 AI 的作用更像码农,任劳任怨,熟练用各种编程语言完成技术底层的脏活累活。


这只是 AI 编程的冰山一角,未来,每一个艺术家都能快速做出自己的创意原型,每一个数学老师都能轻松做出自己的教学动画。


下载体验通义灵码:https://lingma.aliyun.com/lingma/download

用户头像

云效,产研数字化同行者。 2021-11-05 加入

云效,云原生时代一站式BizDevOps平台。支持公共云、专有云和混合云多种部署形态,支持敏捷研发、DevOps、BizDevOps模式,助力创新创业和数字化转型企业快速实现研发敏捷和组织敏捷,实现多倍效能提升。

评论

发布
暂无评论
三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术_阿里云_阿里云云效_InfoQ写作社区