Bodymovin是一個非常流行的After Effects插件,它可以直接將AE動畫導出為JSON格式。這種格式的文件可以被許多不同的平臺和工具使用,包括Web應用、移動應用、游戲和社交媒體等。JSON文件可以被動態(tài)加載,也可以在Web頁面中使用JavaScript進行操作。
代碼示例: { "v": "5.2.1", "fr": 60, "ip": 0, "op": 240, "w": 1920, "h": 1080, "nm": "Lottie Animation", "ddd": 0, "assets": [], "layers": [ { "ddd": 0, "ind": 1, "ty": 4, "nm": "Shape Layer 1", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [ 1079.293, 600.38, 0 ], "ix": 2 }, "a": { "a": 0, "k": [ 22.625, 30.653, 0 ], "ix": 1 }, "s": { "a": 0, "k": [ 100, 100, 100 ], "ix": 6 } }, "ao": 0, "shapes": { "it": [ { "ty": "rc", "d": 1, "s": { "a": 0, "k": [ 350.106, 261.25 ], "ix": 2 }, "p": { "a": 0, "k": [ 22.625, 30.653 ], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 4 }, "nm": "Rectangle Path 1", "mn": "ADBE Vector Shape - Rect", "hd": false } ], "nm": "Shape 1", "tt": 1 } } ], "markers": [] }
值得注意的是,導出的JSON文件可能會非常大,因為它包含了動畫中所有元素的詳細信息。因此,建議在制作和導出時使用盡可能少的資源,這樣可以減小文件大小并提高性能。
總的來說,bodymovin是非常有用的工具,可以幫助開發(fā)者在Web應用、移動應用和其他平臺上實現(xiàn)高質量的動畫效果。