javascript - p5js 上的特定闪烁

标签 javascript p5.js

我是 p5.js 的新手,对一般编码很感兴趣,尝试编写一个看起来像视频游戏的迷你场景很有趣。

我想在一些文本上添加一个看起来像这样的闪烁效果:

enter image description here

我找到了一种使用 frameRate(2); 的方法,问题是我在背景上有一些动画需要 60fps 而不是 2,所以我对如何做有点困惑这样做是因为我似乎不能在单个文件上使用 2 个不同的帧速率 (?)

我已经尝试使用 if (frameCount % 30 === 0),但文本只在一帧中出现一次,因此难以阅读。

最佳答案

更改帧速率可能不是解决任何问题的好方法,因此您继续寻找是对的。

可能有更好的方法,但没有看到您的其余代码(并且我自己在 Processing 方面有点生疏),我不确定那是什么。所以朝着你前进的方向前进,我会注意到当你说 frameCount%30===0 时, frameCount 每秒只能被 30 整除两次,因此它每秒只会闪烁两次,非常短暂。

相反,if(frameCount % 60 < 30) 呢? ?这应该显示每秒前半部分的文本。您可以根据自己的喜好调整这些参数:if(frameCount % 120 < 60)会使眨眼减慢到整整一秒,而且您没有理由需要绑定(bind)到 60 的倍数。if(frameCount % 100 < 50)会工作得很好。

关于javascript - p5js 上的特定闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59505849/

相关文章:

javascript - 在鼠标位置放大 p5.js(包括 jsfiddle)

javascript - 破砖游戏只会按顺序破砖

javascript - 使用 Mongoose 将一个模型引用到 Express 中的用户模型

javascript - 将图像添加到占位符输入类型

javascript - Jquery unbind() 不适用于联系表单

javascript - 如何改进这个 JavaScript 片段?

javascript - "if (!' '.replace(/^/, String))"是做什么的?

javascript - 你如何通过查看我的鼠标光标找到基于圆的边缘的 x,y 坐标

p5.js - 如何在P5.js中画星星?

javascript - 有没有办法在保持像素大小的同时缩放 p5js 草图?