Chillin'交互式排版海报
Project Info
Q&A
你在做什么？
我是一名平面设计师，也是马里兰艺术学院的教员， 其中我主要教授编程（当然包括 p5.js 和 Processing），以及动态图形。
你是如何开始使用p5.js的？
我已经使用了 Processing 有一段时间了，当 p5.js 出现时，我毫不犹豫地开始使用它，因为它很容易将现有的 Processing 代码转换为 p5.js，并在线共享项目。
你是如何在这个项目中使用p5.js的？
今年夏天，我给自己一个挑战，使用编程来制作排版海报，这是其中我制作的一张海报。 直到最近，我不知道我也可以在 p5.js 中使用运动传感器数据。我也在观看Dan Shiffman 的 matter.js 教程视频，所以我想为什么不将这两个结合起来，练习我所学的东西呢？
你最喜欢 p5.js 的哪个功能？
p5.js 有很多我喜欢的东西，比如在线社区和友好的初学者指南。我现在真正喜欢的是online editor'，通过使用它，我不仅可以在线上工作，还可以在演示模式下快速共享 URL。 特别是对于这个项目，我不得不在手机上进行大量测试，这比提交到 GitHub 快得多。'
你在处理这个项目时面临了什么挑战？如果有，你是如何克服他们的？
在 mode 中，我遇到了一些处理字体、alpha 通道和 z-depth 的困难。WebGL 我对自己的所有决策仍然不满意。但总的来说，搜索论坛并不要忽略将问题分解成更小的问题，再逐步迭代，这非常有帮助。我还遇到了从 p5.js 直接渲染出视频文件的问题。屏幕录制不是一个选择，因为帧速率间歇性的下降（我的笔记本电脑相当慢）。经过一些研究，我决定学习一些基础的视频编辑知识，Electron为自己构建一个工具。
有什么很酷的东西我们应该看看吗？
如上所述，如果你想从 p5.js 中呈现出帧和视频文件，可以查看我的Canvas Saver boilerplate，然后告诉我你的想法。
人们在哪里可以了解更多关于你的信息？
@cdaein (Instagram)