语言设定

Airi Flies游戏

Project Info

A screenshot of a poster of Airi Flies, a game to help Airi fly by saying pew.

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 的课程吧!他们努力连接世界上最有创造力的人,到目前为止做得很好。 ❤️

人们在哪里可以了解更多关于你的信息?

yonaymoris.me