qq_45366264的博客

该文章为翻译而来，原文链接 https://itp-xstory.github.io/p5js-shaders/#/./docs/how-to-write-a-shader该系列翻译文章将不定期更新，将用于学习记录，若有侵权，请联系我。

本教程主要教大家通过使用p5js等工具，来绘制出动态生成的花束，步骤如下。下面，我将会逐一为大家进行详细地讲解，请做好笔记哦～

我创建了一个公众小号【p5js艺术小站】，里面会更新各种作品、教程等精彩内容，欢迎各位大佬关注指导，共同进步！！！

世界上到处都在使用shaders，所以你肯定见过它们，尽管你自己从未写过一个。不论是计算机游戏还是音乐会的视觉效果，shaders对于图形的快速实时渲染是必要的。如果你玩电脑游戏，那么其中的每一个3D物体都有一个shaders连接到它的材料上。shaders决定了物体的颜色，也决定了光线如何从物体上反射，它是否透明等等。此外，如果你曾经去过一场音乐会，那里的视觉效果对声音或动作有反应，这些很可能就是shaders。shaders是一个小程序，完全运行在你的显卡上，即GPU（图形处理单元）

该系列翻译文章将不定期更新，将用于学习记录，若有侵权，请联系我。

Reverse Phi Illusion视错觉p5.js实现

快来领取你的情人节花束吧！！！

才正常解决了上述的问题。具体解决方案如下所示。尝试了下面这篇博客的方法。

[翻译 p5js shader教程]1.1 欢迎来到p5js shader教程该文章为翻译而来，原文链接该系列翻译文章将不定期更新，将用于学习记录，若有侵权，请联系我。

[p5js作品教程]Color Maker 颜色制造机

Frp内网穿透实现在家就可以连实验室服务器

LaTeX中文学习教程（用于论文或稿件排版，15集全） 笔记

刘海洋 · LaTeX 不快速的入门 学习笔记