Bodymovin -

Delivery address
135-0061

Washington

Change
buy later

Change delivery address

The "delivery date" and "inventory" displayed in search results and product detail pages vary depending on the delivery destination.
Current delivery address is
Washington (135-0061)
is set to .
If you would like to check the "delivery date" and "inventory" of your desired delivery address, please make the following changes.

Select from address book (for members)
Login

Enter the postal code and set the delivery address (for those who have not registered as members)

*Please note that setting the delivery address by postal code will not be reflected in the delivery address at the time of ordering.
*Inventory indicates the inventory at the nearest warehouse.
*Even if the item is on backorder, it may be delivered from another warehouse.

  • Do not change
  • Check this content

    Bodymovin -

    // Optional: add event listener animation.addEventListener('complete', () => console.log('Animation finished'); ); </script> Dynamic properties at runtime: // Change a specific color inside the animation (if layer named "circleFill") animation.addEventListener('DOMLoaded', () => const colorLayer = animation.getLayer('circleFill'); // custom naming in AE colorLayer.fillColor = [0.2, 0.5, 1.0]; // RGB 0-1 ); Seek and play from code: animation.goToAndStop(30, true); // frame 30 animation.setSpeed(1.5); animation.pause(); animation.playSegments([10, 45], true); 10. Alternatives to Bodymovin | Tool | Format | Use case | |------|--------|----------| | Rive | .riv | Real-time, interactive, state-machine animations | | SVGator | SVG + CSS/JS | Simple web animations | | CSS keyframes | CSS | Lightweight, no external library | | APNG / WebP | Animated images | Raster animations with transparency | | Spine | .json + atlas | Character/ skeletal animations (games) |

    1. What is Bodymovin? Bodymovin is a groundbreaking extension for Adobe After Effects that exports animations as JSON (JavaScript Object Notation) files. These JSON files can then be rendered natively on web (HTML5/Canvas/SVG), mobile (iOS/Android), and other platforms using the open-source Lottie rendering engine. bodymovin

    In simpler terms: Bodymovin bridges the gap between motion design and development. It allows a designer to create complex, vector-based animations in After Effects and hand them off to a developer who can implement them with a single line of code—without losing quality, scalability, or interactivity. // Optional: add event listener animation

    | Platform | Library | Notes | |----------|---------|-------| | Web (HTML/JS) | lottie-web | Supports SVG, Canvas, HTML renderers | | iOS | lottie-ios | Native Core Animation rendering | | Android | lottie-android | Canvas or hardware-accelerated rendering | | React Native | lottie-react-native | Wrapper around iOS/Android libs | | Flutter | lottie-flutter | Uses CanvasKit or Skia | | Windows / UWP | Lottie-Windows | Uses Composition API | | Web (low file size) | lottie-light | Smaller footprint, fewer features | Bodymovin is a groundbreaking extension for Adobe After