| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <meta charset="UTF-8"> |
| <head> |
| <!-- build:js bodymovin.js --> |
| <script src="js/main.js"></script> |
| <script src="js/3rd_party/transformation-matrix.js"></script> |
| <script src="js/3rd_party/canvasPoly.js"></script> |
| |
| <script src="js/utils/MatrixManager.js"></script> |
| <script src="js/utils/animationFramePolyFill.js"></script> |
| <script src="js/utils/common.js"></script> |
| <script src="js/utils/canvasPolyFill.js"></script> |
| <script src="js/utils/functionExtensions.js"></script> |
| <script src="js/utils/bez.js"></script> |
| <script src="js/utils/DataManager.js"></script> |
| |
| <script src="js/renderers/SVGRenderer.js"></script> |
| <script src="js/renderers/CanvasRenderer.js"></script> |
| <script src="js/mask.js"></script> |
| <script src="js/elements/BaseElement.js"></script> |
| <script src="js/elements/CompElement.js"></script> |
| <script src="js/elements/ImageElement.js"></script> |
| <script src="js/elements/ShapeElement.js"></script> |
| <script src="js/elements/ShapeItemElement.js"></script> |
| <script src="js/elements/SolidElement.js"></script> |
| <script src="js/elements/TextElement.js"></script> |
| <script src="js/elements/canvasElements/CVBaseElement.js"></script> |
| <script src="js/elements/canvasElements/CVCompElement.js"></script> |
| <script src="js/elements/canvasElements/CVImageElement.js"></script> |
| <script src="js/elements/canvasElements/CVShapeElement.js"></script> |
| <script src="js/elements/canvasElements/CVShapeItemElement.js"></script> |
| <script src="js/elements/canvasElements/CVSolidElement.js"></script> |
| <script src="js/elements/canvasElements/CVTextElement.js"></script> |
| <script src="js/elements/canvasElements/CVMaskElement.js"></script> |
| |
| <script src="js/interface/requestAnimationFrame.js"></script> |
| <script src="js/interface/animations.js"></script> |
| <script src="js/interface/BodyMovinManager.js"></script> |
| <script src="js/interface/AnimationItem.js"></script> |
| <script src="js/interface/BodyMovin.js"></script> |
| <script src="js/interface/bodyMovin.standalone.js"></script> |
| |
| <script src="js/index.js"></script> |
| |
| <!-- endbuild --> |
| </head> |
| <body style="background-color:#ccc; margin: 0px;height: 100%; font-family: sans-serif;font-size: 10px"> |
| <div style="width:800px;height:800px;background-color:#333;display:inline-block" class="bodymovin" ></div> |
| |
| <nav style="position:absolute;top:10px;right:10px;cursor:pointer"> |
| <div class="button" data-anim="exports/handi1" style="height:30px;width:30px;background:red;"></div> |
| <div class="button" data-anim="exports/handi2" style="height:30px;width:30px;background:blue;"></div> |
| </nav> |
| </body> |
| </html> |