{"json_modified": "2016-10-21T23:37:21.183692", "uuid": "9a4d8cf9-10a2-42b6-8074-372216d65e3f", "title": "Basic animations", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations", "tags": ["Canvas", "HTML5", "Graphics", "HTML", "Tutorial", "Intermediate"], "translations": [{"uuid": "fa92038f-7d9a-41b1-a0e4-1bafa7881e1e", "title": "Basic animations", "url": "/es/docs/Web/Guide/HTML/Canvas_tutorial/Basic_animations", "tags": [], "summary": "Probablemente la mayor limitacion es, que\u00a0una vez que la forma\u00a0se dibuja, quede asi. Y si\u00a0tuvieramos que moverla tendriamos que redibujar todo y todo lo que fue dibujado antes. Esto tomaria mucho tiempo en redibujar (los\u00a0marcos y las figuras complejas) y esto va a depender en gran medida de la velocidad a la que corra tu computadora.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-07-15T16:07:12", "review_tags": []}, {"uuid": "87dbe4c3-b05d-463e-9d0a-8b3f5f2db6d1", "title": "Animations basiques", "url": "/fr/docs/Tutoriel_canvas/Animations_basiques", "tags": [], "summary": "La plus grosse limitation est sans doute que, une fois qu'une forme est dessin\u00e9e, elle reste telle quelle. Si on a besoin de la d\u00e9placer, il faut la redessiner avec que ce qui a \u00e9t\u00e9 dessin\u00e9 avant. De plus, cela peut prendre beaucoup de temps de redessiner des images complexes. Les performances d\u00e9pendront alors beaucoup de la vitesse de l'ordinateur qui s'occupe de cet affichage.", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-10-12T14:31:53", "review_tags": []}, {"uuid": "f99be897-effe-4441-95b6-04d461415b66", "title": "Basic animations", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial/Basic_animations", "tags": [], "summary": "Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need to move it we have to redraw it and everything that was drawn before it. It takes a lot of time to redraw complex frames and the performance depends highly on the speed of the computer it's running on.", "localization_tags": [], "locale": "ja", "last_edit": "2016-10-21T23:37:14", "review_tags": ["technical", "editorial"]}, {"uuid": "eae8f472-b8be-4abc-a251-c36ba8e68121", "title": "\uae30\ubcf8 \uc560\ub2c8\uba54\uc774\uc158", "url": "/ko/docs/Web/HTML/Canvas/Tutorial/Basic_animations", "tags": ["\uce94\ubc84\uc2a4", "\uadf8\ub798\ud53d", "HTML5"], "summary": "<canvas> \uc694\uc18c\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \uc81c\uc5b4\ud558\ub294 \uac83\uc774\ubbc0\ub85c, \uc560\ub2c8\uba54\uc774\uc158\ub3c4 \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \uac83\uc740 \ucd94\uac00 \uc791\uc5c5\uc774 \ub354 \ud544\uc694\ud558\uace0, \uc55e\uc73c\ub85c \uadf8\uc5d0 \ub300\ud55c \ud398\uc774\uc9c0\ub3c4 \uba38\uc9c0 \uc54a\uc544 \ucd94\uac00\ub418\uae30\ub97c \uae30\ub300\ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2014-10-05T19:05:21", "review_tags": []}, {"uuid": "f1398d30-8f7b-492d-b4c3-ad622baac346", "title": "Basic animations", "url": "/pt-BR/docs/Web/Guide/HTML/Canvas_tutorial/Basic_animations", "tags": [], "summary": "Since we're using JavaScript to control <canvas> elements, it's also very easy to make (interactive) animations. Doing more complex animations can take a little extra work; we hope to introduce a new article to help with that soon.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2014-07-15T10:21:51", "review_tags": []}, {"uuid": "ff8e5e31-b1a9-42c7-9c76-7d416fdc36c2", "title": "\u041e\u0441\u043d\u043e\u0432\u044b \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438", "url": "/ru/docs/Web/API/Canvas_API/Tutorial/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8", "tags": [], "summary": "Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need to move it we have to redraw it and everything that was drawn before it. It takes a lot of time to redraw complex frames and the performance depends highly on the speed of the computer it's running on.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-05-11T03:23:36", "review_tags": []}, {"uuid": "12739192-3a6c-4bac-bbcc-4d53a1459f7e", "title": "\u57fa\u672c\u7684\u52a8\u753b", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_animations", "tags": ["Canvas", "\u52a8\u753b", "\u56fe\u50cf", "\u8fdb\u9636", "\u6559\u7a0b", "HTML5"], "summary": "\u53ef\u80fd\u6700\u5927\u7684\u9650\u5236\u5c31\u662f\u56fe\u50cf\u4e00\u65e6\u7ed8\u5236\u51fa\u6765\uff0c\u5b83\u5c31\u662f\u4e00\u76f4\u4fdd\u6301\u90a3\u6837\u4e86\u3002\u5982\u679c\u9700\u8981\u79fb\u52a8\u5b83\uff0c\u6211\u4eec\u4e0d\u5f97\u4e0d\u5bf9\u6240\u6709\u4e1c\u897f\uff08\u5305\u62ec\u4e4b\u524d\u7684\uff09\u8fdb\u884c\u91cd\u7ed8\u3002\u91cd\u7ed8\u662f\u76f8\u5f53\u8d39\u65f6\u7684\uff0c\u800c\u4e14\u6027\u80fd\u5f88\u4f9d\u8d56\u4e8e\u7535\u8111\u7684\u901f\u5ea6\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-10-09T08:41:17", "review_tags": []}, {"uuid": "f4d74a4b-eabb-4c47-9529-1268cc2dc8c9", "title": "\u57fa\u790e\u52d5\u756b", "url": "/zh-TW/docs/Web/API/Canvas_API/Tutorial/%E5%9F%BA%E7%A4%8E%E5%8B%95%E7%95%AB", "tags": [], "summary": "\u63a7\u5236<canvas>\u5143\u7d20\u4f86\u7522\u751f\u4e92\u52d5\u5f0f\u52d5\u756b\u4e0d\u662f\u4e00\u4ef6\u96e3\u4e8b\uff0c\u7576\u7136\uff0c\u5982\u679c\u7522\u751f\u7684\u52d5\u756b\u8d8a\u8907\u96dc\u8d8a\u9700\u8981\u591a\u8cbb\u4e00\u4e9b\u529b\u6c23\uff0c\u672a\u4f86\u5982\u679c\u6709\u6a5f\u6703\u6211\u5011\u5c07\u8aaa\u660e\u9019\u4e00\u584a\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2016-07-06T08:23:00", "review_tags": []}], "modified": "2016-09-21T21:51:06", "label": "Basic animations", "localization_tags": [], "locale": "en-US", "id": 79249, "last_edit": "2016-09-21T21:51:00", "summary": "Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need to move it we have to redraw it and everything that was drawn before it. It takes a lot of time to redraw complex frames and the performance depends highly on the speed of the computer it's running on.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Basic_animation_steps", "title": "Basic animation steps"}, {"id": "Controlling_an_animation", "title": "Controlling an animation"}, {"id": "Scheduled_updates", "title": "Scheduled updates"}, {"id": "An_animated_solar_system", "title": "An animated solar system"}, {"id": "An_animated_clock", "title": "An animated clock"}, {"id": "A_looping_panorama", "title": "A looping panorama"}, {"id": "Other_examples", "title": "Other examples"}], "slug": "Web/API/Canvas_API/Tutorial/Basic_animations", "review_tags": []}