Fadein和fadeout到画布内的文本

Question

我实际使用的代码：

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

我非常感谢任何帮助，感谢提前，Nicolás。

PS：这是我第一次使用这个平台，所以如果这不是提问的正确位置，我很抱歉

Answer 1

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

这里我们首先移出可以设置一次且不需要在循环内更新的属性（记得使用font的通用默认/后备字体，因为并非所有系统都具有＆ ＃34; Arial＆＃34;可用）。

其次：你需要为setTimeout()添加条件，因为你不希望它直接跳到Numerito2()，但要等到动画结束。

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

最后我们使用requestAnimationFrame()进行动画处理，因为这会与监视器的帧速率同步。

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

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

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

  

祝贺！巨魔已被击败！您可以访问full code