Teaching GPU programming in p5.js: now with compute shaders
2 days ago
- GPU编程教育因复杂的API而面临高门槛；脚手架式学习通过最初隐藏非必要细节来提供帮助。
- p5.js正在开发p5.strands，这是一个着色器系统，旨在让具备基本JavaScript知识的人也能上手GPU编程。
- 学习者只需了解循环、变量、函数和数学知识，即可开始在p5.js中创建自定义着色器。
- 使用filterColor对象可以轻松构建自定义滤镜，从而实现对像素颜色和纹理的操作。
- 形状着色器使用worldInputs修改顶点位置，无需复杂的顶点数据管理即可实现动画和实例化渲染。
- WebGPU存储缓冲区和计算着色器允许并行运行数千个粒子或代理，从而实现群体行为和物理模拟。
- p5.strands逐步引入原生着色器语言（GLSL/WGSL）以及loadShader和createShader等底层函数，供高级用户使用。
- 计算着色器计划在p5.js 2.3版本中推出，目前已有可测试的构建版本，欢迎社区反馈以改进。