[{"data":1,"prerenderedAt":346},["ShallowReactive",2],{"lsIyNc7pMf":3},[4],{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":25,"sticky":20,"template":26,"format":27,"meta":28,"categories":30,"tags":32,"class_list":33,"acf":41,"yoast_head":42,"yoast_head_json":43,"featured_media_src_url":137,"_links":138,"_embedded":185},1692,"2025-07-13T22:09:59","2025-07-13T19:09:59",{"rendered":9},"https://api.aoskin.ru/?p=1692","2025-08-17T13:03:34","2025-08-17T10:03:34","fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe","publish","post","https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/",{"rendered":17},"Физические анимации в вебе: инерция, трение и другое",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">Разберём, как реализовать инерцию, трение, пружины и многое другое в анимациях – сделаем интерфейсы более живыми и интересными.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Что такое физические анимации?\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это анимации, поведение которых основано на \u003Cstrong>законах движения\u003C/strong>: ускорение, сопротивление, упругость, инерция и т.д. Вместо линейного перехода от точки A к точке B, элемент ведёт себя так, будто у него есть масса, скорость и сила сопротивления.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Инерция\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объект продолжает двигаться после окончания действия (например, отпускания мыши), пока силы не остановят его. Используется в drag-and-drop, скроллинге, каруселях.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let velocity = 20;\nlet x = 0;\n\nfunction animate() {\n  x += velocity;\n  velocity *= 0.95;\n  element.style.transform = `translateX(${x}px)`;\n  if (Math.abs(velocity) > 0.5) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Трение\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Противодействует движению, замедляя объект до полной остановки. Нужно, чтобы инерция не длилась бесконечно. Коэффициент трения (обычно \u003Ccode>0.8-0.95\u003C/code> при расчёте вручную).\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let x = 300;\nlet friction = 0.9;\n\nfunction animate() {\n  x *= friction;\n  element.style.transform = `translateX(${x}px)`;\n  if (Math.abs(x) > 0.5) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Пружина\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объект стремится вернуться в исходное положение или достигнуть целевой точки с колебаниями. Отлично подходит для модальных окон, попапов, кнопок. Параметры: жесткость (stiffness), демпфирование (damping), масса (mass).\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let position = 0;\nlet velocity = 0;\nconst target = 400;\nconst stiffness = 0.1;\nconst damping = 0.8;\n\nfunction animate() {\n  const force = (target - position) * stiffness;\n  velocity = velocity * damping + force;\n  position += velocity;\n  element.style.left = position + 'px';\n\n  if (Math.abs(velocity) > 0.1 || Math.abs(target - position) > 0.5) {\n    requestAnimationFrame(animate);\n  }\n}\n\nelement.addEventListener('click', () => {\n  position = 0;\n  velocity = 0;\n  animate();\n});\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Масса\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Более тяжелый объект реагирует медленнее и с большей инерцией. Применяется при сложных spring-анимациях.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>const groundY = 400;\nconst gravity = 9.8;\nconst balls = [\n  {\n    el: document.getElementById('light'),\n    y: 0,\n    velocity: 0,\n    mass: 1,\n    drag: 0.05,\n  },\n  {\n    el: document.getElementById('heavy'),\n    y: 0,\n    velocity: 0,\n    mass: 5,\n    drag: 0.01,\n  },\n];\n\nfunction animate() {\n  let stillMoving = false;\n\n  balls.forEach((ball) => {\n    if (ball.y < groundY) {\n      let acceleration = gravity / ball.mass;\n      ball.velocity += acceleration;\n      ball.velocity *= 1 - ball.drag;\n      ball.y += ball.velocity;\n\n      if (ball.y > groundY) {\n        ball.y = groundY;\n        ball.velocity = 0;\n      }\n\n      ball.el.style.top = ball.y + 'px';\n\n      stillMoving = true;\n    }\n  });\n\n  if (stillMoving) requestAnimationFrame(animate);\n }\n\nballs.forEach((b) => {\n  b.y = 0;\n  b.velocity = 0;\n});\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Гравитация\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объект ускоряется вниз с постоянным ускорением. Используется в падающих объектах, каплях, симуляции гравитации. Пример: \u003Ccode>velocity += gravity\u003C/code>, где \u003Ccode>gravity = 0.98\u003C/code> или другое значение.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let y = 0;\nlet velocity = 0;\nlet gravity = 0.98;\n\nfunction animate() {\n  velocity += gravity;\n  y += velocity;\n  element.style.transform = `translateY(${y}px)`;\n  if (y < 500) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Сила\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Любое воздействие, меняющее скорость или направление объекта. Можно использовать для реакций на жесты, столкновения.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let x = 100;\nlet force = 10;\nlet mass = 20;\nlet acceleration = force / mass;\nlet velocity = 0;\n\nfunction animate() {\n  velocity += acceleration;\n  x += velocity;\n  element.style.transform = `translateX(${x}px)`;\n  requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Сопротивление воздуха\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Дополнительное замедление при движении, особенно при большой скорости. Используется для создания более реалистичной инерции. Обычно добавляется к трению, зависит от скорости: \u003Ccode>velocity *= (1 - drag)\u003C/code>.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let y = 0;\nlet velocity = 0;\nlet gravity = 1;\nlet drag = 0.05;\n\nfunction animate() {\n  velocity += gravity;\n  velocity *= 1 - drag;\n  y += velocity;\n  element.style.transform = `translateY(${y}px)`;\n  if (y < 500) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Импульс\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Внезапный скачок скорости или направления. Хорошо смотрится в hover-анимациях, выстрелах, отскоках.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let x = 0;\nlet velocity = 30;\n\nfunction animate() {\n  x += velocity;\n  velocity *= 0.9;\n  element.style.transform = `translateX(${x}px)`;\n  if (velocity > 0.5) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Коллизии\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Столкновение с другим объектом и отскок от него. Используется в играх, интерактивах, drag-интерфейсах. Реализация: проверка столкновений + инверсия направления движения.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let x = 0;\nlet velocity = 5;\n\nfunction animate() {\n  x += velocity;\n  if (x > 300 || x < 0) velocity *= -1;\n  element.style.transform = `translateX(${x}px)`;\n  requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Затухание\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Постепенное снижение амплитуды колебаний при упругом движении. Управляет тем, как быстро “пружина” остановится. Чем выше damping, тем меньше колебаний.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let amplitude = 100;\nlet damping = 0.9;\nlet x = 0;\n\nfunction animate() {\n  amplitude *= damping;\n  x = Math.sin(Date.now() / 100) * amplitude;\n  element.style.transform = `translateX(${x}px)`;\n  if (amplitude > 1) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Центростремительное ускорение\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объекты движутся по кругу, как на орбите. Применимо к вращающимся интерфейсам, 3D-сценам. Управляется радиусом и скоростью.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let angle = 0;\nlet radius = 100;\n\nfunction animate() {\n  angle += 0.05;\n  let x = Math.cos(angle) * radius;\n  let y = Math.sin(angle) * radius;\n  element.style.transform = `translate(${x}px, ${y}px)`;\n  requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Маятник\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Колебательное движение с уменьшением амплитуды. Можно применять к выпадающим элементам, навигации. Параметры: длина, масса, гравитация.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let angle = 0;\n\nfunction animate() {\n  angle += 0.05;\n  let x = Math.sin(angle) * 100;\n  element.style.transform = `translateX(${x}px)`;\n  requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Вибрации\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Микродвижения с быстро затухающей амплитудой. Применимо к реакции на ошибки, столкновения, фокус. Комбинация импульса и затухания.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let i = 0;\n\nfunction animate() {\n  let offset = Math.sin(i * 0.3) * (10 - i);\n  element.style.transform = `translateX(${offset}px)`;\n  i++;\n  if (i < 20) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Прыжок\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объект отскакивает от поверхности. Актуально для кнопок, элементов, падающих вниз. Применяется в easing-функциях типа \u003Ccode>easeOutBounce\u003C/code>.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let y = 0;\nlet velocity = -20;\nlet gravity = 1;\n\nfunction animate() {\n  velocity += gravity;\n  y += velocity;\n  if (y > 0) {\n    y = 0;\n    velocity *= -0.7;\n  }\n  element.style.transform = `translateY(${y}px)`;\n  if (Math.abs(velocity) > 1) requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Цепные реакции\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Один элемент тянет за собой другие. Анимации меню, списков, карточек. Эффект задержек и постепенного затухания.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>elements.forEach((element, i) => {\n  setTimeout(() => {\n    element.style.transform = `translateY(10px)`;\n    element.style.opacity = 1;\n  }, i * 100);\n});\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Плавное следование\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Объект постепенно приближается к цели, без резких переходов. Часто используется при слежении за мышкой. \u003Ccode>position += (target - position) * 0.1\u003C/code>\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>let x = 0; \nlet targetX = 0;\nwindow.addEventListener("mousemove", e => targetX = e.clientX);\n\nfunction animate() {\n  x += (targetX - x) * 0.1;\n  element.style.transform = `translateX(${x}px)`;\n  requestAnimationFrame(animate);\n}\n\nanimate();\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Немного про \u003Ccode>requestAnimationFrame\u003C/code>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Чтобы создать плавную анимацию в JavaScript, используется специальная функция:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>requestAnimationFrame(callback);\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Как это выглядело в примерах:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>function animate() {\n  requestAnimationFrame(animate);\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Именно \u003Ccode>requestAnimationFrame\u003C/code> позволяет нам \u003Cstrong>шаг за шагом\u003C/strong> применять законы физики к DOM-элементам — обновляя их состояние плавно и эффективно. И все примеры построены именно на этом принципе.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Заключение\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Физические анимации в вебе – это не просто красивые эффекты, а способ \u003Cstrong>оживить интерфейс\u003C/strong>, сделать его более \u003Cstrong>естественным и понятным для пользователя\u003C/strong>. Когда элемент двигается с инерцией, отскакивает от границы, «тянется» как пружина или реагирует на массу – пользователь считывает эти микродвижения как \u003Cstrong>знакомое поведение из реального мира\u003C/strong>.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Используя \u003Ccode>requestAnimationFrame\u003C/code>, можно превратить любой UI в захватывающий опыт. А главное – это увлекательно и дает полный контроль над тем, \u003Cstrong>как именно должен “жить” интерфейс\u003C/strong>.\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>Мир веб-анимаций давно вышел за пределы простых fade-in и slide-out. Сегодня мы всё чаще стремимся к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.\u003C/p>\n",1,1710,"open","","standard",{"_acf_changed":20,"_yoast_wpseo_focuskw":26,"_yoast_wpseo_title":26,"_yoast_wpseo_metadesc":29,"footnotes":26},"%%sep%% Мир веб-анимаций сегодня это - стремление всё чаще к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.",[31],18,[],[34,14,35,36,37,38,39,40],"post-1692","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Физические анимации в вебе: инерция, трение и другое\u003C/title>\n\u003Cmeta name=\"description\" content=\"- Мир веб-анимаций сегодня это - стремление всё чаще к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Физические анимации в вебе: инерция, трение и другое\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- Мир веб-анимаций сегодня это - стремление всё чаще к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:published_time\" content=\"2025-07-13T19:09:59+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-08-17T10:03:34+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1248\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"832\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/webp\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"author\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Written by\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Est. reading time\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"3 minutes\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"Физические анимации в вебе: инерция, трение и другое\",\"datePublished\":\"2025-07-13T19:09:59+00:00\",\"dateModified\":\"2025-08-17T10:03:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/\"},\"wordCount\":470,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/\",\"name\":\"Физические анимации в вебе: инерция, трение и другое\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"datePublished\":\"2025-07-13T19:09:59+00:00\",\"dateModified\":\"2025-08-17T10:03:34+00:00\",\"description\":\"- Мир веб-анимаций сегодня это - стремление всё чаще к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#primaryimage\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"width\":1248,\"height\":832},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Физические анимации в вебе: инерция, трение и другое\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":17,"description":44,"robots":45,"canonical":15,"og_locale":51,"og_type":52,"og_title":17,"og_description":44,"og_url":15,"og_site_name":53,"article_published_time":54,"article_modified_time":55,"og_image":56,"author":62,"twitter_card":63,"twitter_misc":64,"schema":66},"- Мир веб-анимаций сегодня это - стремление всё чаще к естественным, реалистичным взаимодействиям, вдохновлённым законами физики.",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2025-07-13T19:09:59+00:00","2025-08-17T10:03:34+00:00",[57],{"width":58,"height":59,"url":60,"type":61},1248,832,"https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations.webp","image/webp","aoskin","summary_large_image",{"Written by":62,"Est. reading time":65},"3 minutes",{"@context":67,"@graph":68},"https://schema.org",[69,90,102,104,113,127],{"@type":70,"@id":71,"isPartOf":72,"author":73,"headline":17,"datePublished":54,"dateModified":55,"mainEntityOfPage":75,"wordCount":76,"commentCount":77,"publisher":78,"image":79,"thumbnailUrl":60,"articleSection":81,"inLanguage":83,"potentialAction":84},"Article","https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/#article",{"@id":15},{"name":62,"@id":74},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},470,0,{"@id":74},{"@id":80},"https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/#primaryimage",[82],"Animation","en-US",[85],{"@type":86,"name":87,"target":88},"CommentAction","Comment",[89],"https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/#respond",{"@type":91,"@id":15,"url":15,"name":17,"isPartOf":92,"primaryImageOfPage":94,"image":95,"thumbnailUrl":60,"datePublished":54,"dateModified":55,"description":44,"breadcrumb":96,"inLanguage":83,"potentialAction":98},"WebPage",{"@id":93},"https://api.aoskin.ru/#website",{"@id":80},{"@id":80},{"@id":97},"https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/#breadcrumb",[99],{"@type":100,"target":101},"ReadAction",[15],{"@type":103,"inLanguage":83,"@id":80,"url":60,"contentUrl":60,"width":58,"height":59},"ImageObject",{"@type":105,"@id":97,"itemListElement":106},"BreadcrumbList",[107,111],{"@type":108,"position":23,"name":109,"item":110},"ListItem","Home","https://api.aoskin.ru/",{"@type":108,"position":112,"name":17},2,{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":116,"alternateName":115,"potentialAction":117,"inLanguage":83},"WebSite","aoskin.ru",{"@id":74},[118],{"@type":119,"target":120,"query-input":123},"SearchAction",{"@type":121,"urlTemplate":122},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":124,"valueRequired":125,"valueName":126},"PropertyValueSpecification",true,"search_term_string",{"@type":128,"@id":74,"name":62,"image":131,"logo":133,"sameAs":134,"url":136},[129,130],"Person","Organization",{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":132},[135],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations-1024x683.webp",{"self":139,"collection":149,"about":152,"author":155,"replies":158,"version-history":161,"predecessor-version":164,"wp:featuredmedia":168,"wp:attachment":171,"wp:term":174,"curies":181},[140],{"href":141,"targetHints":142},"https://api.aoskin.ru/wp-json/wp/v2/posts/1692",{"allow":143},[144,145,146,147,148],"GET","POST","PUT","PATCH","DELETE",[150],{"href":151},"https://api.aoskin.ru/wp-json/wp/v2/posts",[153],{"href":154},"https://api.aoskin.ru/wp-json/wp/v2/types/post",[156],{"embeddable":125,"href":157},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[159],{"embeddable":125,"href":160},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1692",[162],{"count":31,"href":163},"https://api.aoskin.ru/wp-json/wp/v2/posts/1692/revisions",[165],{"id":166,"href":167},1717,"https://api.aoskin.ru/wp-json/wp/v2/posts/1692/revisions/1717",[169],{"embeddable":125,"href":170},"https://api.aoskin.ru/wp-json/wp/v2/media/1710",[172],{"href":173},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=1692",[175,178],{"taxonomy":176,"embeddable":125,"href":177},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=1692",{"taxonomy":179,"embeddable":125,"href":180},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=1692",[182],{"name":183,"href":184,"templated":125},"wp","https://api.w.org/{rel}",{"author":186,"wp:featuredmedia":235,"wp:term":296},[187],{"id":23,"name":62,"url":135,"description":26,"link":136,"slug":62,"avatar_urls":188,"yoast_head":191,"yoast_head_json":192,"acf":226,"_links":227},{"24":189,"48":190,"96":132},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=24&d=mm&r=g","https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=48&d=mm&r=g","\u003C!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>aoskin, Author at api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"profile\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"aoskin, Author at api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"ProfilePage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"name\":\"aoskin, Author at api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives for aoskin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":193,"robots":194,"canonical":136,"og_locale":51,"og_type":195,"og_title":193,"og_url":136,"og_site_name":53,"og_image":196,"twitter_card":63,"schema":199},"aoskin, Author at api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"profile",[197],{"url":198,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g",{"@context":67,"@graph":200},[201,209,214,220],{"@type":202,"@id":136,"url":136,"name":193,"isPartOf":203,"breadcrumb":204,"inLanguage":83,"potentialAction":206},"ProfilePage",{"@id":93},{"@id":205},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[207],{"@type":100,"target":208},[136],{"@type":105,"@id":205,"itemListElement":210},[211,212],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":213},"Archives for aoskin",{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":215,"alternateName":115,"potentialAction":216,"inLanguage":83},{"@id":74},[217],{"@type":119,"target":218,"query-input":219},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":221,"@id":74,"name":62,"image":222,"logo":223,"sameAs":224,"mainEntityOfPage":225},[129,130],{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},{"@id":132},[135],{"@id":136},[],{"self":228,"collection":232},[229],{"href":157,"targetHints":230},{"allow":231},[144,145,146,147,148],[233],{"href":234},"https://api.aoskin.ru/wp-json/wp/v2/users",[236],{"id":24,"date":237,"slug":238,"type":239,"link":240,"title":241,"author":23,"featured_media":77,"acf":242,"caption":243,"alt_text":26,"media_type":244,"mime_type":61,"media_details":245,"source_url":60,"_links":276},"2025-08-16T20:30:40","40-physics-animations","attachment","https://api.aoskin.ru/fizicheskie-animaczii-v-vebe-inercziya-trenie-i-drugoe/40-physics-animations/",{"rendered":238},[],{"rendered":26},"image",{"width":58,"height":59,"file":246,"filesize":247,"sizes":248,"image_meta":273},"2025/08/40-physics-animations.webp",69218,{"medium":249,"large":255,"thumbnail":260,"medium_large":265,"full":271},{"file":250,"width":251,"height":252,"filesize":253,"mime_type":61,"source_url":254},"40-physics-animations-300x200.webp",300,200,8448,"https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations-300x200.webp",{"file":256,"width":257,"height":258,"filesize":259,"mime_type":61,"source_url":137},"40-physics-animations-1024x683.webp",1024,683,60188,{"file":261,"width":262,"height":262,"filesize":263,"mime_type":61,"source_url":264},"40-physics-animations-150x150.webp",150,4362,"https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations-150x150.webp",{"file":266,"width":267,"height":268,"filesize":269,"mime_type":61,"source_url":270},"40-physics-animations-768x512.webp",768,512,39146,"https://api.aoskin.ru/wp-content/uploads/2025/08/40-physics-animations-768x512.webp",{"file":272,"width":58,"height":59,"mime_type":61,"source_url":60},"40-physics-animations.webp",{"aperture":274,"credit":26,"camera":26,"caption":26,"created_timestamp":274,"copyright":26,"focal_length":274,"iso":274,"shutter_speed":274,"title":26,"orientation":274,"keywords":275},"0",[],{"self":277,"collection":281,"about":284,"author":287,"replies":289,"wp:attached-to":292,"curies":294},[278],{"href":170,"targetHints":279},{"allow":280},[144,145,146,147,148],[282],{"href":283},"https://api.aoskin.ru/wp-json/wp/v2/media",[285],{"href":286},"https://api.aoskin.ru/wp-json/wp/v2/types/attachment",[288],{"embeddable":125,"href":157},[290],{"embeddable":125,"href":291},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1710",[293],{"embeddable":125,"post_type":14,"id":5,"href":141},[295],{"name":183,"href":184,"templated":125},[297,345],[298],{"id":31,"link":299,"name":82,"slug":300,"taxonomy":176,"yoast_head":301,"yoast_head_json":302,"acf":327,"_links":328},"https://api.aoskin.ru/category/animation/","animation","\u003C!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Animation Archives - api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/category/animation/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Animation Archives - api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/category/animation/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/\",\"name\":\"Animation Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\",\"width\":1248,\"height\":832,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/08\\/40-physics-animations.webp\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":303,"robots":304,"canonical":299,"og_locale":51,"og_type":52,"og_title":303,"og_url":299,"og_site_name":53,"twitter_card":63,"schema":305},"Animation Archives - api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},{"@context":67,"@graph":306},[307,312,316,322],{"@type":308,"@id":299,"url":299,"name":303,"isPartOf":309,"breadcrumb":310,"inLanguage":83},"CollectionPage",{"@id":93},{"@id":311},"https://api.aoskin.ru/category/animation/#breadcrumb",{"@type":105,"@id":311,"itemListElement":313},[314,315],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":82},{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":317,"alternateName":115,"potentialAction":318,"inLanguage":83},{"@id":74},[319],{"@type":119,"target":320,"query-input":321},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":323,"@id":74,"name":62,"image":324,"logo":325,"sameAs":326},[129,130],{"@type":103,"inLanguage":83,"@id":60,"url":60,"contentUrl":60,"width":58,"height":59,"caption":62},{"@id":60},[135],[],{"self":329,"collection":334,"about":337,"wp:post_type":340,"curies":343},[330],{"href":331,"targetHints":332},"https://api.aoskin.ru/wp-json/wp/v2/categories/18",{"allow":333},[144,145,146,147,148],[335],{"href":336},"https://api.aoskin.ru/wp-json/wp/v2/categories",[338],{"href":339},"https://api.aoskin.ru/wp-json/wp/v2/taxonomies/category",[341],{"href":342},"https://api.aoskin.ru/wp-json/wp/v2/posts?categories=18",[344],{"name":183,"href":184,"templated":125},[],1782055332020]