淡入淡出到画布内的文本[关闭]

Question

我实际使用的代码：

大家好，我 2 天前开始使用 Javascript，我想开发一个游戏，所以我认为第一步是使用 javascript 制作“公司名称”介绍。我的代码实际上执行了一个在画布内写入文本（公司名称）的函数，然后将其删除并写入另一个文本（我想在将来用游戏菜单而不是文本替换它，这只是第一次尝试知道代码是否正常工作）。问题是我不知道如何淡入简单的文本，我尝试使用 jquery 但我不知道如何在第一个文本中“添加”id（我什至不知道是否可能）所以我可以“淡入淡出”那个特定的ID。

非常感谢任何帮助，在此先感谢 Nicolás。

PS：我是第一次使用这个平台，如果这里不是提问的正确地方，我很抱歉

Answer 1

您可以通过多种方式做到这一点。如果放置在您在图片中指定的位置，我们可以先做一些小改动：

在这里，我们首先移出可以设置一次且不需要在循环内更新的属性（请记住为font 使用通用默认/备用字体，因为并非所有系统都有可用的“Arial”） .

其次：您需要为setTimeout() 添加一个条件，因为您不希望它直接跳转到Numerito2()，而是等到动画完成。

动画本身会使用一个变量（t）来跟踪当前的不透明度绘制标志，和一个条件：完成后转到Numerito2()，如果不继续增加不透明度。

最后我们使用requestAnimationFrame() 来制作动画，因为它会与显示器的帧速率同步。

动画的最终代码如下所示：

这给了我们这个结果（循环演示）：

哎呀！对不起，错误的代码。结果如下：

恭喜！ 巨魔已被击败！您可以访问full code