From d86dbe158e5273a81a08fa3cfbe69fa45fe920db Mon Sep 17 00:00:00 2001 From: Richy <72468758+Richy1111@users.noreply.github.com> Date: Thu, 30 Nov 2023 09:53:22 -0500 Subject: [PATCH] Update index.md (#140) Updated animation editor. --- .../docs/en-US/design/animations/index.md | 23 +++++++++++-------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/src/content/docs/en-US/design/animations/index.md b/src/content/docs/en-US/design/animations/index.md index af890d08..a83e236c 100644 --- a/src/content/docs/en-US/design/animations/index.md +++ b/src/content/docs/en-US/design/animations/index.md @@ -7,7 +7,9 @@ title: Animations ## Overview Creating animations is done via the `Animation Editor` under the `Game Editors` tab on the main interface. -![Animation Editor](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/8037f701-6366-4746-a903-9fe4360de917) + +![Editor](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/67b4d83a-8209-4bca-9165-4bd77f3532dd) + ## Managing Animations ![CRUD and Sorting Menu](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/618685af-4820-4490-a647-7d05230cbf1f) @@ -23,7 +25,7 @@ Creating animations is done via the `Animation Editor` under the `Game Editors` It's important to notice that there are two different sections. The section on the right will play the animation under the target, while the section on the left will play the animation over the target. Keep this in mind as you create your animation because you'll only need to utilize one section. ### General -![General](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/dde29e9c-3834-4576-81d7-248f71fa362a) +![General](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/6b969e1d-7416-47ee-aa13-aa12034a038e) - *Name*: Giving your Animation a name. - *Sound*: Applying a sound effect when the animation plays, it will play this sound. @@ -33,11 +35,14 @@ It's important to notice that there are two different sections. The section on t - *Swap Upper/Lower*: This will move your animation between the two sections. ### Frame Options -![Frame Options](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/53aaaf62-74ac-46ce-8219-03c56fc5d7e7)![Upper](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/de1a3ab0-642a-41c2-b45e-5ca17349f011)![Lower](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/7081592d-4994-4e4b-a4f1-6274b05510dc) +![Frame Opts Lower](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/ab4efb7c-c159-4e0a-9c64-ebfa0c6f894a)![Frame Opts Higher](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/7bbe0be7-56d0-4810-9993-f81b5142c133) - *Graphic*: This allows you to choose from a graphic that should be in your client resources\animations folder. -- *Graphic Horizontal Frames*: This allows you to set how many frames your animation will be going horizontal. -- *Graphic Vertical Frames*: This allows you to set how many frames your animation will be going vertical. +- *Frames*: This allows you to scroll through each frame to set lighting options per frame. +- *Playback*: This will show you how the animation will play in real time and lighting effects when you simulate darkness. +- *Clone Previous Frame*: You can clone previous frame settings for easier editing. +- *Horizontal*: This allows you to set how many frames your animation will be going horizontal. +- *Graphic Vertical*: This allows you to set how many frames your animation will be going vertical. - *Frame Duration (ms)*: This allows you to time your animation frame processing, 1000 (ms) is equal to 1 second. - *Loop Count*: This allows you to set a loop to the animation sequence. Not required for map or event set animations. - *Disable Rotations*: Check this box if you have static animations that have no direction. Rotations are best for projectile animations that have direction. @@ -45,15 +50,15 @@ It's important to notice that there are two different sections. The section on t - *Render Below Fringe*: Check this box if you want the Animation to play below fringe tiles, such as behind walls or trees. ### Light Editing -![Lighting](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/95e80a89-b526-4d26-aeb7-ecf2f9c12932) +![Light Editor](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/d2b28036-b64b-4a63-911d-03a497aa76a3) -- *Frame*: This allows you to scroll through each frame to set lighting options per frame. You can clone previous frame light settings for easier editing. -- *Play Animation*: This will show you how the animation will play in real time and lighting effects when you simulate darkness. - *Offset X*: Creates an offset horizontally by pixel. Positive value will offset and go right while a negative value will offset and go left. - *Offset Y*: Creates an offset vertically by pixel. Positive value will offset and go bottom while a negative value will offset and go top. -- *Intensity*: 255 is default as it gives the full lighting effect, this can be decreased if you wish your animation to be less lit. - *Size*: Setting this will give your light a size ratio. - *Expand Amt*: Setting this expands the intensity further in size. +- *Intensity*: 255 is default as it gives the full lighting effect, this can be decreased if you wish your animation to be less lit. +- *Color*: Allows you to select a color.![Dripper](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/ba14438f-b82f-4cd7-8f54-46a375052dd9) +- *Revert*: Allows you to revert a change. ![Revert](https://github.com/AscensionGameDev/Intersect-Documentation/assets/72468758/789c9690-9551-4ca6-ac02-98786d112082) Now that we've covered everything about the animation creation process, we can click 'Save' and now we can use the animation in the other editors.