Javascript animation for websites, storytelling, data visualization and games

4.3
120件の評価
提供:
Coursera Project Network
8,354人がすでに登録済みです
このガイド付きプロジェクトでは、次のことを行います。

Explore the range of uses for the Javascript .animate method and the different ways you can begin incorporating it into your Javascript creations

Clock2 hours
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

In this course, we’ll guide you through a series of hands-on projects. You’ll build your own animations used in telling stories, in conveying data for presentations and in simple games for motivating kids. Everything will be done using only HTML, CSS and Javascript (ES6), so you’ll gain the foundational skills applicable to any other visualization or game framework you might wish to use later. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

あなたが開発するスキル

front-endWeb DevelopmentVideo Game DevelopmentData Visualization (DataViz)JavaScript

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  1. Create a simple animation that moves an object from one side of the screen to the other.

  2. Sequence the first animation with a second one which plays after the first completes.

  3. Create an animation containing natural feeling acceleration and deceleration.

  4. Create a visual representation of abstract data.

  5. Animate the previous visualization in a way that lets viewers experience the size and scale of the numbers presented.

  6. Group together multiple elements to be animated together as one.

  7. Create a simple game where animations respond to being clicked or touched.

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

レビュー

JAVASCRIPT ANIMATION FOR WEBSITES, STORYTELLING, DATA VISUALIZATION AND GAMES からの人気レビュー

すべてのレビューを見る

よくある質問

よくある質問

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。