Easy p5.js Block 最好的WordPress常用插件下载 博客插件模块

这个p5.js Gutenberg block插件是展示你的艺术作品或者给你的网站增加额外的视觉趣味的完美工具。使用p5.js，您可以创建交互式、动态和可定制的视觉效果，让您的观众保持参与和兴奋。无论你是艺术家、设计师还是开发者，这个插件都可以让你轻松地将p5.js草图集成到你的WordPress网站上。用你令人惊叹的艺术作品打动你的访客，用这个p5.js Gutenberg block插件把你的网站提升到一个新的水平。

这个项目使用p5.js库版本1.6.0，这是GPL许可下的自由软件。目前，这个插件不包括p5.sound.js库。

鸣谢该插件类似于Mark Uraine–s的p5.js块，实际上是对其进行逆向工程，尽管实际代码很少被重用(参见mapk/p5js-block)。我被提示开发这个插件是因为遇到了错误，缺少显示选项，主要是缺少对这个原始插件的更新和支持。我感觉把p5.js艺术品插入WordPress网站和博客应该更容易，这是我对它的贡献(虽然可能有bug，但我尽力了。请随意提出问题或拉动式请求)。

截屏

在编辑器中插入p5.js块并编辑代码。

在编辑器中预览结果。

使用“全幅”对齐设置创建全幅草图，并创建画布(windowWidth，windowHeight)块该插件提供1个块。

p5.js添加自定义P5 . js代码，并在编辑时预览它。安装将插件文件上传到/wp-content/plugins/目录，或者直接通过WordPress插件屏幕安装插件。通过WordPress的“插件”界面激活插件。FAQQ:这个插件需要配置吗？答:没有！只需激活插件并将p5.js块添加到任何页面或帖子即可开始。

问:我应该如何用这个插件来调整画布的大小？答:您可以在脚本中使用createCanvas(600，400)为画布定义一个固定的大小，或者您可以使用createCanvas(windowWidth，windowHeight)动态调整大小以适应容器。

为了在使用createCanvas(windowWidth，windowHeight)时正确地渲染您的草图，重要的是要记住在p5.js块的上下文中，变量windowWidth和windowHeight实际上不是指浏览器窗口的宽度和高度，而是指块的宽度和高度。在脚本中使用动态调整大小时，在“块设置”面板中定义所需的画布高度和宽度。

警告:使用windowHeight时，预览不起作用。您可以通过使用一个整数值来解决这个问题(例如createCanvas(windowWidth，500))，或者保持不变，因为它不会影响最终的页面。

问:我怎样才能制作一个占据整个窗口宽度的画布？答:为了达到这个效果，在块的工具栏中选择–全角–对齐选项，并在脚本中使用createCanvas(windowWidth，windowHeight)。不要忘记在块设置面板中设置画布的高度。宽度设置将被忽略。

问:我可以在哪里为这个项目做贡献？答:你可以在这个插件的GitHub库上做贡献。

复习

作为一名艺术家和程序员，我一直在寻找一种方法来将我的生成艺术融入我的WordPress网站，这个插件是完美的解决方案。多亏了你，我才能够在我的WordPress网站上展示我的艺术作品，以一种令人惊叹和互动的方式。我强烈推荐它给任何想把生成艺术整合到他们的WordPress网站的人。总之，如果你是一名艺术家或程序员，并且你正在寻找一种方式在你的WordPress网站上展示你的艺术创作，那么不要再找了。这是一个神奇的插件，易于使用，功能多样，功能强大。强烈推荐！阅读所有1篇评论

标签：JS块很容易下载WordPress