GithubHelp home page GithubHelp logo

jakeleboeuf / ember-cli-bodymovin Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 7.0 1.16 MB

A little Ember.js addon to handle svg/canvas animations from After Effects, using Bodymovin.

License: MIT License

JavaScript 79.47% HTML 19.62% CSS 0.91%

ember-cli-bodymovin's People

Contributors

ember-tomster avatar jakeleboeuf avatar john-griffin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ember-cli-bodymovin's Issues

Fingerprinted image assets in production

In a production environment, ember-cli will fingerprint image assets.

It appears that this addon doesn't support passing on the fingerprinted image assets used in a bodymovin animation because bodymovin requests the non-fingerprinted file names.

I have explicitly set the exclude option to ignore my animations directory and it works now without the fingerprinted filenames, but I wonder if this should happen automatically, or if there's a way to use the fingerprinted image urls themselves.

Thoughts?

body-movin is not a helper

Uncaught Error: Compile Error: body-movin is not a helper at opcode-compiler.js:279 at Compilers.compile (opcode-compiler.js:41) at LazyOpcodeBuilder.expr (opcode-compiler.js:1624) at LazyOpcodeBuilder.guardedAppend (opcode-compiler.js:1821) at opcode-compiler.js:184 at Compilers.compile (opcode-compiler.js:41) at compile (opcode-compiler.js:703) at LazyCompiler.add (opcode-compiler.js:864) at CompilableProgram.compile (opcode-compiler.js:656) at OutletComponentManager.getLayout (ember-glimmer.js:3124)

I did exactly like the documentation said but still got this error. Any clue?

Cannot read property 'join' of undefined

ember-cli:~3.11.0

I placed the json file in the correct location in public/animations/loading.json but I keep getting a

Uncaught TypeError: Cannot read property 'join' of undefined
    at Object.buildBezierData (bodymovin.min.js:1)
    at n.t [as interpolateValue] (bodymovin.min.js:2)
    at n.e [as getValue] (bodymovin.min.js:2)
    at Object.m [as getValue] (bodymovin.min.js:2)
    at ICompElement.BaseElement.prepareFrame (bodymovin.min.js:4)
    at ICompElement.prepareFrame (bodymovin.min.js:5)
    at ICompElement.prepareFrame (bodymovin.min.js:5)
    at SVGRenderer.renderFrame (bodymovin.min.js:4)
    at AnimationItem.renderFrame (bodymovin.min.js:5)
    at AnimationItem.gotoFrame (bodymovin.min.js:5)

any thoughts?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.