|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/animating-with-the-javascript-web-animations-api/
课程评论：没有评论
**课程名称：** 使用 JavaScript Web Animations API 进行动画制作 **课程概述：** 本课程将教授您如何使用 W3C 标准的 JavaScript Web Animations API (WAAPI) 在 Web 上制作动画。您将学会如何将您已知的 CSS 动画知识迁移到 JavaScript，并解锁更多高级功能，如暂停和播放动画、在动画中间点启动另一个动画、组合不同动画以及同步多个动画——这些是仅凭 CSS 无法实现的。 课程将从使用 WAAPI 重现基本的 CSS 动画开始，巩固基础后，我们将一起着手构建一个交互式的、由多个动画组成的序列项目。完成课程后，您将对如何使用 JavaScript Web Animations API 在 Web 上制作动画建立扎实的理解。 **我们将构建什么：** 我们将从零开始，仅使用 HTML、CSS 和 JavaScript，不依赖任何外部库，构建一个多场景的交互式动画作品。我们将弃用纯 CSS 动画，转而使用 JavaScript Web Animations API 来处理动画，并深入了解其相比 CSS 提供的额外功能。 此外，我们还将学习如何设置一个简单的本地服务器，以便在开发过程中实时重新加载代码更改。课程代码可在 GitHub 上免费下载，并按视频划分到不同的文件夹中，每个文件夹都提供了对应视频结束时的代码。 **您需要什么：** 要开始学习本课程，您只需要一个文本编辑器（如 Sublime Text 或 VS Code）、一个现代化的网页浏览器，以及一点点对幽默笑话的包容度。
This course teaches you how to animate on the Web using the JavaScript Web Animations API W3C standard.You'll learn how to transfer what you already know how to do in CSS, into JavaScript and then add extra capabilities like pausing and playing animations, starting one animation half way through another. Combining different animations together and synchronising a number of animations. All things you just can't do presently with CSS alone.We will start by re-making some basic CSS animations with the JavaScript Web Animations API, then once we get through the fundamentals, we will start making our project together - a interactive set of sequenced animations.By the end of the course you should have a solid understanding of how to animate on the Web with the JavaScript Web Animations API.What we will buildWe will be building, from scratch, a multi-scene piece of interaction with just HTML, CSS and JavaScript and no external libraries. Instead of CSS we will use the JavaScript Web Animations API to handle our animations and learn about all the extra capabilities it provides over CSS alone.Along the way, we will also look at how to setup a very simple local server that will live reload changes to our code as we work.The code is free to download on GitHub and split into folders for each video; each one providing the code as it's left at the end of each video.What you needAll you need to get started with this class is a text editor like Sublime Text or VS Code, a modern web browser and a tolerance for mediocre jokes.
