jakeleboeuf / ember-cli-bodymovin Goto Github PK
View Code? Open in Web Editor NEWA little Ember.js addon to handle svg/canvas animations from After Effects, using Bodymovin.
License: MIT License
A little Ember.js addon to handle svg/canvas animations from After Effects, using Bodymovin.
License: MIT License
Any plan to update to handle the new sendAction deprecation that is getting fired?
DEPRECATION: You called <project@component:body-movin::ember283>.sendAction("setup") but Component#sendAction is deprecated. Please use closure actions instead. [deprecation id: ember-component.send-action] See https://emberjs.com/deprecations/v3.x#toc_ember-component-send-action for more details.
ember-cli: 3.5.0
node: 10.2.1
os: linux x64
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?
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?
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.