act like you know [Music] hey there and welcome to effect house today we're going to talk about how you can use animations to spice up your effects animations play a big role in making fun and dynamic effects and there are many ways you can use them first we'll look at how you can import a sequence of images into effect house and then we'll demonstrate how you can apply an animation to different objects finally we'll walk you through some demos on how to create interactive effects with animated textures let's get started the first thing you need
to do is prepare some images since an animation is essentially just a series of images that are strung together you can use any image processing tool to prepare your images but just make sure that they all have the same dimensions otherwise you won't be able to import them properly into effect house I already have some images prepared so I can import them into the assets panel by clicking on the add button going to import then selecting texture sequence then I'll select my desired images the imported images will automatically upload to the assets panel as an
animated texture and a texture sequence the texture sequence simply contains images you imported by clicking on it it'll show the additional information to the inspector panel like resolution size file type and you can even change the compression type the animated texture over here puts the images together into an actual animation it's recognized as a texture so it can be used anywhere a texture property is indicated you can customize the animated textures playback features by clicking on it and modifying the properties to the inspector panel the texture sequence field simply contains the sequence of images used
in the animation Loop count controls how many times the animation will play so if I type negative one that represents an infinite playback if I type 0 that represents no playback and one will be to play the animation once you can choose to play the frames in a different order and in reverse as well as changing the speed and duration of the animation here okay so now we know how to set up the animated texture in the assets panel let's apply it to a few different objects to see how it works if you want to
apply the animated texture to a 2D image all you have to do is go to the hierarchy panel and click on the add button go to 2D and then select screen image now make sure the screen image object is selected then hop on over to the inspector panel where you can add the animation to the image components texture property by selecting it you can also add the animated texture by dragging it from the assets panel into the texture slot now you'll be able to see the animation play in the screen image you can also add
an animation to a 3D object the same way first we'll add a 3D image object by going to add then 3D and finally selecting image and then from here we'll assign the animated texture right now the image looks flat and two-dimensional but if you add a head tracker object and parent the image under the head mesh you'll notice that the animated image moves like a plane and has perspective now let's play around with one more for example if you add an object like a 3D face you'll notice that there is no texture property built into
any of the components so you'll have to work with what material that's assigned to this object which in this case is face paint now we can click on the face paint material in the assets panel and then change the base properties texture to our animated texture and now we have an animation playing on a person's face so now we know how to use animated textures let's look through how to use them to make a simple randomizer effect which will play the animation and then stop at a random frame randomizer effects are a popular way to
use animated textures and you can also make them interactive which is pretty cool [Music] let's take our animated 3D image that we previously set up and turn it into an interactive randomizer to make the animation interactive I can I can click on the animated texture in the assets panel from there I'm going to go to the inspector panel and then hit add interaction now I want the animation to play for a few seconds before pausing on a random frame so I'll choose Tap Screen to play animated texture then delay pause in the interaction subgraph that
appears we'll see that the default time is set to three seconds and the order is set to random so when I tap on the screen or in this case click on the preview I'll see the animation play for three seconds before pausing on a random frame I can change these settings like if I want to make the animation play for a shorter time like two seconds let's change the time to two seconds this is the most basic form of the randomizer now if you want to get extra creative you can go one step further and
change what triggers the animation to begin with for example we can use visual scripting to make the animation start and stop whenever a person opens their hand to do that we'll need to double click on the interaction subgraph to view the event trigger subgraph and then we're going to double click on that one to view the base level logic next we're going to right click to add a node and from there we're going to search for the gesture detection node and then add it from here we're going to change the gesture to open palm and
then connect begin and end to the output now when I change the preview to show someone opening their hand we'll see the animation start playing when the Palm is detected and then stop after two seconds which is pretty cool finally I want to show you how to use the asset library to import pre-made animated textures to your effect in order to browse the asset Library you just have to click on this button right up here if you take a look at the 2D category you'll find a few assets that use animated textures so let's choose
rain diagonal we'll select import and apply this will import the assets into effect house and apply the effect to the preview if we examine the rain diagonal object we'll see that the image component is using an animated texture which we can locate in the assets panel let's use visual scripting to start and stop the animation with a hand gesture so first I'll click back to the main graph in the visual scripting panel find some empty space [Music] and then I'll add a gesture detection node and from there I'm going to set the gesture open Palm
next I'll click on the rain diagonal animated texture in the assets panel and then go to the inspector panel to view the playback properties now since I want to control both stopping and starting the animation I'll click on this little button next to lube count and then select set loop count provide a variable in the visual scripting panel that controls the loot count I'll change the value to zero which tells the animation to stop and then I'll connect the gesture detection nodes begin output to this Loop count variable which will stop the animation when a
palm is detected I want to make the animation start again when the Palm is no longer detected so I'll duplicate this Loop count variable by copy and pasting it and then change the value to negative one which will indicate continuous playback then I'll connect the end output to this Loop count and there you have it a simple and awesome effect made with the asset library and some visual scripting Magic now you know how to make cool interactive effects with animated textures so go out there and get creative we can't wait to see what you have
to make for more information about using animated textures be sure to check out our documentation at effecthouse.ticktalk.com foreign
