Airi Flies游戏
Project Info
Q&A
你在做什么?
我是一名创意码农和设计师,School of Machines, Making & Make-Believe获得多样性奖学金,只是一个好奇的生物。
你是如何开始使用p5.js的?
我在柏林的机器学校参加了一个课程,名为“Processing +p5.play aBots and Machine Learning主要由Yining Shi.
你是如何在这个项目中使用p5.js的?
我使用p5.js在游戏的可视部分工作。Airi和幽灵的动画精灵是在iPad应用'Pixaki上绘制的,然后集成到p5.play的代码中。我主要参考p5.play的示例。
对于无限滚动背景,我找到了配置p5 sketch by chjno。我设定了一个条件,当检测到“PEW”或鼠标单击时,滚动速度会改变,产生Airi向上飞行的幻象。当用户不做任何操作时,滚动速度是负的,这使得Airilook像是在下落。
对于声音识别,我使用了 Google's Teachable Machine 2 (目前,有一个 beta 版本,尚未公开发布,但很快就会发布!)。我添加了约 120 个样本,我的同学用不同的声调说出单词 "pew",还添加了 80 个背景噪声样本来进行训练。然后,我将模型集成到游戏中,使用了 ml5.js.
你最喜欢 p5.js 的哪个功能?
我真的很喜欢使用 通过它,你可以轻松地创建、操作和删除 HTML 块和类。p5.js
library 通过 createDiv()
,
addClass()
等。但我最喜欢的函数是 draw()
,因为它可以创造神奇的效果。
你在处理这个项目时面临了什么挑战?如果有,你是如何克服他们的?
由于p5.js对我来说是新的事物,我面临了很多挑战。我之前没有很多使用 JavaScript 的经验。 阅读文档并搜索类似的示例真的帮了很多忙。
有什么很酷的东西我们应该看看吗?
看看 School of Machines 的课程吧!他们努力连接世界上最有创造力的人,到目前为止做得很好。 ❤️