[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”3.22″][et_pb_fullwidth_header title=”JavaScript. RequestAnimationFrame” content_max_width=”none” _builder_version=”3.16″ button_one_letter_spacing_hover=”0″ button_two_letter_spacing_hover=”0″ button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”on” button_one_letter_spacing__hover=”0″ button_two_letter_spacing__hover_enabled=”on” button_two_letter_spacing__hover=”0″ button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″][et_pb_row admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0px|||”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_dcsbcm_divi_breadcrumbs_module homebreadcrumbtext=”Home” hide_currentbreadcrumb=”off” _builder_version=”3.3.1″ custom_padding=”0px|||” fontsbreadcrumbs_font_size_tablet=”51″ fontsbreadcrumbs_line_height_tablet=”2″ fontsseperator_font_size_tablet=”51″ fontsseperator_line_height_tablet=”2″ fontsbreadcrumblinks_font_size_tablet=”51″ fontsbreadcrumblinks_line_height_tablet=”2″][\/et_pb_dcsbcm_divi_breadcrumbs_module][et_pb_text _builder_version=”3.27.4″ border_style=”solid”]In this lesson we will talk about RequestAnimationFrame function. This function is used while animation creating. Traditionally animations are crating with setInterval method. It is clear, because animation is repeating action in time.
\n[\/et_pb_text][et_pb_video src=”https:\/\/youtu.be\/rvCBzOl_n5E” _builder_version=”3.0.51″][\/et_pb_video][et_pb_text _builder_version=”3.27.4″ border_style=”solid”]Drawback of setInterval using for animation creating, for every element you need to write own setInterval. RequestAnimationFrame units all animations in one method.
\n[\/et_pb_text][et_pb_comments _builder_version=”4.4.2″ custom_margin=”30px||||false|false”][\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
In this lesson we will talk about RequestAnimationFrame function. This function is used while animation creating. Traditionally animations are crating with setInterval method. It is clear, because animation is repeating action in time. Drawback of setInterval using for animation creating, for every element you need to write own setInterval. RequestAnimationFrame units all animations in one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[256,219],"tags":[230,229],"class_list":["post-2866","post","type-post","status-publish","format-standard","hentry","category-javascript","category-tutorials","tag-javascript-en","tag-js-en"],"yoast_head":"\n