{"id":303,"date":"2024-10-03T10:24:25","date_gmt":"2024-10-03T13:24:25","guid":{"rendered":"https:\/\/tilbuci.com.br\/site\/?page_id=303"},"modified":"2024-10-03T10:30:15","modified_gmt":"2024-10-03T13:30:15","slug":"scene-keyframes","status":"publish","type":"page","link":"https:\/\/tilbuci.com.br\/site\/getting-started-with-tilbuci\/scene-keyframes\/","title":{"rendered":"Scene keyframes"},"content":{"rendered":"\n<p>So far we have worked with several scenes, but did you know that they can contain several keyframes, with animations?<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Getting started with TilBuci chapter 11: scene keyframes\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/rber-Hq20Tg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9-1024x576.png\" alt=\"\" class=\"wp-image-305\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-9.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Start by creating a scene in your first movie.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--2\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7-1024x576.png\" alt=\"\" class=\"wp-image-306\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-7.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Let&#8217;s add a red circle and position it horizontally in the center, but below the visible area of \u200b\u200bthe scene.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9-1024x576.png\" alt=\"\" class=\"wp-image-307\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-9.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Now add a keyframe to your scene by going to Keyframes > Add in the left menu.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--4\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8-1024x576.png\" alt=\"\" class=\"wp-image-308\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-8.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Notice the keyframe count at the bottom of the screen. You can use these buttons to navigate between them.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--5\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9-1024x576.png\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-9.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>In the second keyframe, position the circle in the center of the screen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--6\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11-1024x576.png\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-11.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Go back to the first keyframe and see that, in it, the circle remains where we left it.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--7\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9-1024x576.png\" alt=\"\" class=\"wp-image-311\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-9.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Go back to the second keyframe and, with it open, add a third keyframe.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--8\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11-1024x576.png\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-11.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>In the third keyframe, move the circle to the top left corner.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--9\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8-1024x576.png\" alt=\"\" class=\"wp-image-313\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-8.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Add the fourth keyframe and position the circle in the upper right corner.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--10\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8-1024x576.png\" alt=\"\" class=\"wp-image-314\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-8.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Add the fifth keyframe and move the circle to the bottom right corner.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--11\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10-1024x576.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-10.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Lastly, add the sixth keyframe with the circle in the bottom left corner. Remember to save your scene.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/keyframes01.mp4\"><\/video><\/figure>\n\n\n\n<p>Go back to the first keyframe. Time to test your scene. See how the circle behaves.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--12\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7-1024x576.png\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-7.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The animation between keyframes respects the same settings used for changing scenes, adjusted in the Animation tab of the movie properties window.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--13\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6-1024x576.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-6.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Did you notice how the circle kept moving, even leaving the scene when it returned to the first keyframe? We can adjust this by going to Scene > Properties in the left menu.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--14\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5-1024x576.png\" alt=\"\" class=\"wp-image-321\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>In the Keyframes tab we can define which one the scene returns to when it reaches the end. Change it to 3 and click Set properties.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/keyframes02.mp4\"><\/video><\/figure>\n\n\n\n<p>Now, back to the first keyframe of the scene, let&#8217;s test it again. Notice that now our circle enters the scene and then circles the screen, without leaving it.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In this video we learn about keyframes and their potential to create even more complex and fun content.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tilbuci.com.br\/site\/index.php\/getting-started-with-tilbuci\/\">Back to index<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>So far we have worked with several scenes, but did you know that they can contain several keyframes, with animations? Start by creating a scene in your first movie. Let&#8217;s add a red circle and position it horizontally in the center, but below the visible area of \u200b\u200bthe scene. Now add a keyframe to your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":44,"menu_order":25,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":4,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/303\/revisions\/323"}],"up":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/44"}],"wp:attachment":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/media?parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}