艺术与技术的结合：将我们的角色带入生活的下一个步骤

After developing the individual voices for each of the characters, we thought about how to bring them to life – beyond the animations with idle behavior that we had. We wanted to ensure our characters were lively, engaging study buddies for our learners!

在为每个角色开发了单独的声音后，我们考虑如何让他们活起来--超越我们已有的闲置行为的动画。我们想确保我们的角色是活泼的，是我们的学习者的学习伙伴。

First: That’s a lot of mouth movements to animate!

首先。这是要做很多嘴部动作的动画!

We teach more than 40 languages across more than 100 courses, each containing thousands of sentences and lessons, so manually animating the lip movement for our ten World Characters was completely out of the question. We needed something scalable to account for any possible combination of mouth shapes for each character to correspond with the sounds, while keeping the file size small enough to run on Android, iOS, and the Web. Plus, we wanted to ensure that our animation quality was not compromised in the process!

我们在100多门课程中教授40多种语言，每门课程都包含成千上万的句子和课程，因此为我们的10个世界角色手动制作唇部动作的动画是完全不可能的。我们需要一些可扩展的东西，以考虑到每个角色的嘴形的任何可能组合，以对应声音，同时保持文件大小足够小，以便在安卓、iOS和网络上运行。此外，我们想确保我们的动画质量在这个过程中不受到影响！"。

We thought the answer might lie in an alternative to a game engine —something that can help us take a limited number of assets and turn those into a virtually unlimited number of combinations. This is how we learned about Rive!

我们认为答案可能在于游戏引擎的替代品--能够帮助我们利用有限的资产并将其转化为几乎无限的组合的东西。这就是我们如何了解到Rive!

What is Rive?

什么是Rive？

Rive is a web-based tool for making real-time interactive animations and designs, similar to a game engine. It seemed to solve so many of our problems: The file sizes were compact and plugged in neatly with Duolingo’s app architecture, and the handoff from animator to engineer was seamless.

Rive是一个基于网络的工具，用于制作实时互动的动画和设计，类似于游戏引擎。它似乎解决了我们的许多问题。文件大小紧凑，与Duolingo的应用架构整齐地结合在一起，而且从动画师到工程师的交接是无缝的。

But what stood out to us was Rive’s State Machine: a visual representation of the logic that connects the animations (“states”) together. That means it allowed us to programmatically control which animation states are called, how they are called, and how th...