# 애니메이션

> Aspose.Slides for Node.js 애니메이션 예제를 살펴보세요: JavaScript를 사용해 PPT, PPTX 및 ODP 프레젠테이션에 효과와 전환을 추가, 순서 지정 및 사용자 지정합니다.

Source: https://docs.aspose.com/slides/ko/nodejs-java/examples/elements/animation/
Updated: 2026-06-14

이 문서는 **Aspose.Slides for Node.js via Java**를 사용하여 간단한 애니메이션을 만들고 그 순서를 관리하는 방법을 보여줍니다.

## **애니메이션 추가**

사각형 모양을 만든 뒤 클릭 시 트리거되는 페이드 효과를 적용합니다.

```js
function addAnimation() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        let shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 100, 100);

        // 페이드 효과.
        slide.getTimeline().getMainSequence().addEffect(
            shape, aspose.slides.EffectType.Fade, aspose.slides.EffectSubtype.None, aspose.slides.EffectTriggerType.OnClick);

        presentation.save("animation.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **애니메이션 접근**

슬라이드 타임라인에서 첫 번째 애니메이션 효과를 가져옵니다.

```js
function accessAnimation() {
    let presentation = new aspose.slides.Presentation("animation.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // 첫 번째 애니메이션 효과에 접근합니다.
        let effect = slide.getTimeline().getMainSequence().get_Item(0);
    } finally {
        presentation.dispose();
    }
}
```

## **애니메이션 제거**

시퀀스에서 애니메이션 효과를 제거합니다.

```js
function removeAnimation() {
    let presentation = new aspose.slides.Presentation("animation.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        if (slide.getTimeline().getMainSequence().length > 0) {
            // 첫 번째 효과를 제거합니다.
            slide.getTimeline().getMainSequence().removeAt(0);
        }

        presentation.save("animation_removed.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **애니메이션 순서 지정**

여러 효과를 추가하고 애니메이션이 발생하는 순서를 보여줍니다.

```js
function sequenceAnimations() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        let shape1 = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 100, 100);
        let shape2 = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Ellipse, 200, 50, 100, 100);

        let sequence = slide.getTimeline().getMainSequence();
        sequence.addEffect(
            shape1, aspose.slides.EffectType.Fly, aspose.slides.EffectSubtype.Bottom, aspose.slides.EffectTriggerType.OnClick);
        sequence.addEffect(
            shape2, aspose.slides.EffectType.Fly, aspose.slides.EffectSubtype.Bottom, aspose.slides.EffectTriggerType.OnClick);

        presentation.save("animation_sequence.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```