{"json_modified": "2016-10-22T00:26:45.663706", "uuid": "86b883e0-a8f9-4794-9437-1dbe0816d27e", "title": "Advanced animations", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial/Advanced_animations", "tags": ["Canvas", "Graphics", "Tutorial"], "translations": [{"uuid": "530d3090-5cfa-4f31-92ac-54af175f5e06", "title": "Fortgeschrittene Animationen", "url": "/de/docs/Web/Guide/HTML/Canvas_Tutorial/Advanced_animations", "tags": ["Tutoria", "Canvas", "Graphics"], "summary": "Wir werden einen Ball f\u00fcr unsere Animationen benutzen, deshalb zeichnen wir zuerst einen Ball mit dem folgendem Code in die Canvas.", "localization_tags": [], "locale": "de", "last_edit": "2015-12-21T06:03:14", "review_tags": []}, {"uuid": "bc036a4d-d4c5-447e-ba66-dd03eefcf703", "title": "Animations avanc\u00e9es", "url": "/fr/docs/Tutoriel_canvas/Advanced_animations", "tags": [], "summary": "Nous allons utiliser une balle pour \u00e9tudier les animations. Ainsi, Commen\u00e7ons par dessiner notre balle au sein du canvas.", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-10-12T14:30:47", "review_tags": []}, {"uuid": "5a2dd621-7e35-4503-9c31-4aa4684bbdc3", "title": "Advanced animations", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial/Advanced_animations", "tags": ["Canvas", "Graphics", "Tutorial"], "summary": "\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u52c9\u5f37\u306e\u305f\u3081\u306b\u3001\u30dd\u30fc\u30eb\u3092\u4f7f\u304a\u3046\u3068\u601d\u3046\u306e\u3067\u3001\u6700\u521d\u306b\u30dc\u30fc\u30eb\u3092 canvas \u4e0a\u306b\u63cf\u304d\u307e\u3057\u3087\u3046\u3002\u6b21\u306e\u30b3\u30fc\u30c9\u306f\u79c1\u305f\u3061\u306e\u6e96\u5099\u3092\u3057\u3066\u304f\u308c\u308b\u3067\u3057\u3087\u3046\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2016-10-22T00:26:40", "review_tags": ["editorial"]}, {"uuid": "84b11a1e-cecb-405e-8f58-82e7d20f39c9", "title": "\u9ad8\u7ea7\u52a8\u753b", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial/Advanced_animations", "tags": [], "summary": "\u6211\u4eec\u5c06\u4f1a\u753b\u4e00\u4e2a\u5c0f\u7403\u7528\u4e8e\u52a8\u753b\u5b66\u4e60\u3002\u597d\u8ba9\u4ed6\u4eec\u5148\u5c06\u7403\u753b\u5728canvas\uff08\u753b\u5e03\uff09\u4e0a\u9762\u3002\u4e0b\u9762\u7684\u4ee3\u7801\u4f1a\u5e2e\u6211\u4eec\u5efa\u7acb\u753b\u5e03\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-10-21T04:54:43", "review_tags": []}], "modified": "2016-10-09T07:20:01", "label": "Advanced animations", "localization_tags": [], "locale": "en-US", "id": 134361, "last_edit": "2016-08-30T03:36:36", "summary": "We are going to use a ball for our animation studies, so let's first draw that ball onto the canvas. The following code will set us up.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Drawing_a_ball", "title": "Drawing a ball"}, {"id": "Adding_velocity", "title": "Adding velocity"}, {"id": "Boundaries", "title": "Boundaries"}, {"id": "First_demo", "title": "First demo"}, {"id": "Acceleration", "title": "Acceleration"}, {"id": "Second_demo", "title": "Second demo"}, {"id": "Trailing_effect", "title": "Trailing effect"}, {"id": "Third_demo", "title": "Third demo"}, {"id": "Adding_mouse_control", "title": "Adding mouse control"}, {"id": "Breakout", "title": "Breakout"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/Canvas_API/Tutorial/Advanced_animations", "review_tags": []}